Buffalo Ajax框架使用

前端之家收集整理的这篇文章主要介绍了Buffalo Ajax框架使用前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

buffalo-2.0(国人开发的Ajax框架),下载buffalo-2.0-bin就可以了,个人认为也下载buffalo-2.0-src
下载地址:@H_502_4@http://sourceforge.net/project/showfiles.php?group_id=178867

1.buffalo-2.0.jar
在buffalo-2.0-bin里,把它加到Web应用程序里的lib

2.buffalo.js和prototype.js
我把这两个文件放到Web应用程序的scripts/目录下,buffalo.js在buffalo-2.0-bin里,prototype.js在buffalo-demo.war里找

4.web.xml内容
@H_502_4@

<?@H_502_4@xml version="1.0" encoding="UTF-8"@H_502_4@?>@H_502_4@@H_502_4@
@H_502_4@ <@H_502_4@web-app @H_502_4@version@H_502_4@="2.4"@H_502_4@@H_502_4@
xmlns@H_502_4@="http://java.sun.com/xml/ns/j2ee"@H_502_4@@H_502_4@
xmlns:xsi@H_502_4@="http://www.w3.org/2001/XMLSchema-instance"@H_502_4@@H_502_4@
xsi:schemaLocation@H_502_4@ ="http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"@H_502_4@>@H_502_4@@H_502_4@


@H_502_4@@H_502_4@ <@H_502_4@servlet@H_502_4@>@H_502_4@@H_502_4@
@H_502_4@@H_502_4@ <@H_502_4@servlet-name@H_502_4@>@H_502_4@bfapp@H_502_4@</@H_502_4@servlet-name@H_502_4@>@H_502_4@@H_502_4@
@H_502_4@@H_502_4@ <@H_502_4@servlet-class@H_502_4@>@H_502_4@net.buffalo.web.servlet.ApplicationServlet@H_502_4@</@H_502_4@servlet-class@H_502_4@>@H_502_4@@H_502_4@
@H_502_4@@H_502_4@ </@H_502_4@servlet@H_502_4@>@H_502_4@@H_502_4@
@H_502_4@@H_502_4@ <@H_502_4@servlet-mapping@H_502_4@>@H_502_4@@H_502_4@
@H_502_4@@H_502_4@ <@H_502_4@servlet-name@H_502_4@>@H_502_4@bfapp@H_502_4@</@H_502_4@servlet-name@H_502_4@>@H_502_4@@H_502_4@
@H_502_4@@H_502_4@ <@H_502_4@url-pattern@H_502_4@>@H_502_4@/bfapp/*@H_502_4@</@H_502_4@url-pattern@H_502_4@>@H_502_4@@H_502_4@
@H_502_4@@H_502_4@ </@H_502_4@servlet-mapping@H_502_4@>@H_502_4@@H_502_4@

@H_502_4@@H_502_4@ </@H_502_4@web-app@H_502_4@>@H_502_4@@H_502_4@


5.index.jsp文件
@H_502_4@
<%@H_502_4@@ page language@H_502_4@=@H_502_4@"@H_502_4@java@H_502_4@ pageEncoding@H_502_4@UTF-8@H_502_4@"@H_502_4@%>@H_502_4@@H_502_4@


@H_502_4@ <!@H_502_4@DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"@H_502_4@>@H_502_4@@H_502_4@
@H_502_4@ <@H_502_4@html@H_502_4@>@H_502_4@@H_502_4@
@H_502_4@@H_502_4@ <@H_502_4@head@H_502_4@>@H_502_4@@H_502_4@
@H_502_4@@H_502_4@ <@H_502_4@title@H_502_4@>@H_502_4@第一个 buffalo 示例程序@H_502_4@</@H_502_4@title@H_502_4@>@H_502_4@@H_502_4@
@H_502_4@@H_502_4@ <@H_502_4@script @H_502_4@language@H_502_4@="JavaScript"@H_502_4@ src@H_502_4@="scripts/prototype.js"@H_502_4@></@H_502_4@script@H_502_4@>@H_502_4@@H_502_4@
@H_502_4@@H_502_4@ <@H_502_4@script @H_502_4@language@H_502_4@="JavaScript"@H_502_4@ src@H_502_4@="scripts/buffalo.js"@H_502_4@></@H_502_4@script@H_502_4@>@H_502_4@@H_502_4@
@H_502_4@@H_502_4@ <@H_502_4@script @H_502_4@type@H_502_4@="text/javascript"@H_502_4@>@H_502_4@@H_502_4@
@H_502_4@@H_502_4@ var@H_502_4@ endPoint@H_502_4@<%=request.getContextPath()%>/bfapp@H_502_4@"@H_502_4@@H_502_4@ ;

@H_502_4@ buffalo @H_502_4@ @H_502_4@new@H_502_4@@H_502_4@ Buffalo(endPoint);
@H_502_4@function@H_502_4@@H_502_4@ hello(me) {
buffalo.remoteCall(@H_502_4@demoService.getHello@H_502_4@,[me.value],@H_502_4@(reply) {
alert(reply.getResult());
})
}
@H_502_4@</@H_502_4@script@H_502_4@>@H_502_4@@H_502_4@
@H_502_4@@H_502_4@ </@H_502_4@head@H_502_4@>@H_502_4@@H_502_4@

@H_502_4@@H_502_4@ <@H_502_4@body@H_502_4@>@H_502_4@@H_502_4@
输入你的名字:@H_502_4@@H_502_4@ <@H_502_4@input @H_502_4@type@H_502_4@="text"@H_502_4@ name@H_502_4@="myname"@H_502_4@>@H_502_4@@H_502_4@
@H_502_4@@H_502_4@ <@H_502_4@input @H_502_4@type@H_502_4@="button"@H_502_4@ value@H_502_4@="Buffao远程调用"@H_502_4@ onclick@H_502_4@="hello($('myname'));"@H_502_4@><@H_502_4@br@H_502_4@>@H_502_4@@H_502_4@
@H_502_4@@H_502_4@ </@H_502_4@body@H_502_4@>@H_502_4@@H_502_4@
@H_502_4@ </@H_502_4@html@H_502_4@>@H_502_4@@H_502_4@

说明:remoteCall是远程调用方法,demoService是buffalo-service.properties文件的键,getHello是被调用java类方法名,me.value是传给getHello方法的参数,reply.getResult()是getHello返回的值。

6.DemoService.java文件
@H_502_4@
package@H_502_4@ demo.buffalo;

@H_502_4@/**@H_502_4@@H_502_4@
*
* @文件名 demo.buffalo.DemoService.java
* @作者 chenlb
* @创建时间 2007-7-14 下午12:42:17
@H_502_4@@H_502_4@ */@H_502_4@
@H_502_4@ public@H_502_4@ @H_502_4@class@H_502_4@@H_502_4@ DemoService {

@H_502_4@public@H_502_4@@H_502_4@ String getHello(String name) {
@H_502_4@return@H_502_4@ @H_502_4@"@H_502_4@Hello,@H_502_4@ "@H_502_4@+@H_502_4@name @H_502_4@+@H_502_4@"@H_502_4@ 这是第一个buffalo示例程序@H_502_4@"@H_502_4@@H_502_4@ ;
}
}@H_502_4@

7.buffalo-service.properties文件放到WEB-INF/classes/目录下
@H_502_4@
demoService@H_502_4@=@H_502_4@demo.buffalo.DemoService@H_502_4@@H_502_4@
说明:框架是通过此文件来查找远程调用的类的。

8.现在可以运行了。

@H_502_4@ 示例下载
注意:Eclipse项目,文件编码是UTF-8

官方地址:
Buffalo中文论坛:@H_502_4@ http://groups.google.com/group/amowa
http://buffalo.sourceforge.net/tutorial.html

http://confluence.redsaga.com/pages/viewpage.action?pageId=1643 @H_502_4@

JavaScript API :@H_502_4@ http://confluence.redsaga.com/display/BUFFALO/JavaScript+API
http://www.amowa.net/buffalo/zh/index.html
原文链接:https://www.f2er.com/ajax/163903.html

猜你在找的Ajax相关文章