Buffalo Ajax框架使用

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

buffalo-2.0(国人开发的Ajax框架),下载buffalo-2.0-bin就可以了,个人认为也下载buffalo-2.0-src
下载地址:
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内容

<?xml version="1.0" encoding="UTF-8"?>
<web-app version="2.4"
xmlns
="http://java.sun.com/xml/ns/j2ee"

xmlns:xsi
="http://www.w3.org/2001/XMLSchema-instance"

xsi:schemaLocation
="http://java.sun.com/xml/ns/j2ee
http://java.sun.com/xml/ns/j2ee/web-app_2_4.xsd"
>



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

</web-app>


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


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

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

</head>

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

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

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

/**

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

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

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

8.现在可以运行了。

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

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

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

JavaScript API : http://confluence.redsaga.com/display/BUFFALO/JavaScript+API
http://www.amowa.net/buffalo/zh/index.html

猜你在找的Ajax相关文章