Buffalo AJAX的两种配置方式

第一种：Buffalo AJAX属性配置方式

创新互联公司专注于企业成都全网营销、网站重做改版、管城网站定制设计、自适应品牌网站建设、html5、商城网站开发、集团公司官网建设、成都外贸网站建设、高端网站制作、响应式网页设计等建站业务，价格优惠性价比高，为管城等各大城市提供网站开发制作服务。

一、新建一个web project,加入两个jar包：buffalo-2.0.jar和commons-logging.jar。注：若commons-logging.jar不加入，会抛出异常。

二、在项目的webRoot下加入两个js文件：buffalo.js和prototype.js，prototype.js可以到buffalo-demo下复制。

三、修改web.xml，把下面代码加入：

Xml代码

 
 
 
  
  
  
    
  
  
  
     bfapp    
  
  
  
     net.buffalo.web.servlet.ApplicationServlet    
  
  
  
     
  
  
  
     
  
  
  
     bfapp    
  
  
  
     /bfapp/*    
  
  
  
     
  
  
  
 
  
  
  
   
  
  
  
       bfapp 
  
  
  
       net.buffalo.web.servlet.ApplicationServlet 
  
  
  
    
  
  
  
    
  
  
  
       bfapp 
  
  
  
       /bfapp/* 
  
  
  
    
 
 

四、新建一个java类，就是我们用来调用的，我这里命名为：HelloService.java。如下：

Java代码

 
 
 
  
  
  
package com.business;     
  
  
  
    
  
  
  
public class HelloService {     
  
  
  
             
  
  
  
    public String sayHello(String name) {     
  
  
  
        return "Hello," + name +",欢迎使用Buffalo！";     
  
  
  
    }     
  
  
  
}    
  
  
  
 
  
  
  
 package com.business;  
  
  
  
 
  
  
  
 public class HelloService {  
  
  
  
     
  
  
  
  public String sayHello(String name) {  
  
  
  
   return "Hello," + name +",欢迎使用Buffalo！";  
  
  
  
  }  
  
  
  
 } 
 
 

在源文件夹src下新建一个属性文件，命名为：buffalo-service.properties，打开输入下面：
helloService = com.business.HelloService

这个属性文件就是我们配置业务类的。

五、上面的配置就差不多，下面我们来打开index.jsp页面，在里面加上：
 

Js代码

 
 
 
  
  
  
 type="text/javascript" src="js/prototype.js">     
  
  
  
   type="text/javascript" src="js/buffalo.js">     
  
  
  
   type="text/javascript">     
  
  
  
   var endPoint = "<%=request.getContextPath()%>/bfapp";     
  
  
  
   var buffalo = new Buffalo(endPoint);     
  
  
  
        
  
  
  
   function sayHello(name) {     
  
  
  
    //第一个参数是调用业务的方法，第二个是参数列表，用[]括起来，第三个是回调接口，     
  
  
  
    //需要调用的都可以写在这个函数中     
  
  
  
    buffalo.remoteCall("helloService.sayHello", [name.value], function(reply){     
  
  
  
     alert(reply.getResult());     
  
  
  
    });     
  
  
  
   }     
  
  
  
      
  
  
  
 
  
  
  
 type="text/javascript" src="js/prototype.js"> 
  
  
  
   type="text/javascript" src="js/buffalo.js"> 
  
  
  
   type="text/javascript"> 
  
  
  
   var endPoint = "<%=request.getContextPath()%>/bfapp";  
  
  
  
   var buffalo = new Buffalo(endPoint);  
  
  
  
     
  
  
  
   function sayHello(name) {  
  
  
  
    //第一个参数是调用业务的方法，第二个是参数列表，用[]括起来，第三个是回调接口，  
  
  
  
    //需要调用的都可以写在这个函数中  
  
  
  
    buffalo.remoteCall("helloService.sayHello", [name.value], function(reply){  
  
  
  
     alert(reply.getResult());  
  
  
  
    });  
  
  
  
   }  
  
  
  
   
 
 

而在body标签中加入：

请输入你的名字：

 
 
 
  
  
  
 type="text" value="" id="myname"/>    
  
  
  
     type="button" value="Buffalo远程调用" onclick="sayHello($('myname'));"/> 
 
 

如果在项目中整合了spring，我们可以使用第二种spring配置方式，享受spring的注入：

一、引入spring jar包，并且把上面的说的两个jar包和两个js同样加入。

二、在web.xml中加入spring配置和buffalo的配置，如：

Xml代码

 
 
 
  
  
  
    
  
  
  
    contextConfigLocation    
  
  
  
    classpath:applicationContext.xml    
  
  
  
       
  
  
  
        
  
  
  
       
  
  
  
    org.springframework.web.context.ContextLoaderListener    
  
  
  
       
  
  
  
        
  
  
  
      
  
  
  
   bfapp    
  
  
  
   net.buffalo.web.servlet.ApplicationServlet    
  
  
  
      
  
  
  
      
  
  
  
   bfapp    
  
  
  
   /bfapp/*    
  
  
  
      
  
  
  
 
  
  
  
 
  
  
  
    contextConfigLocation 
  
  
  
    classpath:applicationContext.xml 
  
  
  
    
  
  
  
     
  
  
  
    
  
  
  
    org.springframework.web.context.ContextLoaderListener 
  
  
  
    
  
  
  
     
  
  
  
   
  
  
  
   bfapp 
  
  
  
   net.buffalo.web.servlet.ApplicationServlet 
  
  
  
   
  
  
  
   
  
  
  
   bfapp 
  
  
  
   /bfapp/* 
  
  
  
   
 
 

三、同样书写上面的业务：HelloService.java。这里就不用要那个buffalo-service.properties属性文件了。这里就可以打开applicationContext.xml配置文件，加入下面的代码：

Xml代码

 
 
 
  
  
  
 id="helloService" class="com.business.HelloService">    
  
  
  
       
  
  
  
      
  
  
  
   id="buffaloServiceBean" class="net.buffalo.service.BuffaloServiceConfigurer">    
  
  
  
    name="services">    
  
  
  
        
  
  
  
      key="helloService" value-ref="helloService">    
  
  
  
        
  
  
  
       
  
  
  
      
  
  
  
 
  
  
  
 id="helloService" class="com.business.HelloService"> 
  
  
  
    
  
  
  
   
  
  
  
   id="buffaloServiceBean" class="net.buffalo.service.BuffaloServiceConfigurer"> 
  
  
  
    name="services"> 
  
  
  
     
  
  
  
      key="helloService" value-ref="helloService"> 
  
  
  
     
  
  
  
    
  
  
  
   
 
 

 顺便把这个日志文件log4j.properties加到src下，如下：

Properties代码

 
 
 
  
  
  
log4j.rootLogger=INFO,A1     
  
  
  
log4j.appender.A1=org.apache.log4j.ConsoleAppender     
  
  
  
log4j.appender.A1.layout=org.apache.log4j.PatternLayout     
  
  
  
log4j.appender.A1.layout.ConversionPattern=%d %5p [%t] (%F:%L) - %m%n    
  
  
  
 
  
  
  
log4j.rootLogger=INFO,A1  
  
  
  
log4j.appender.A1=org.apache.log4j.ConsoleAppender  
  
  
  
log4j.appender.A1.layout=org.apache.log4j.PatternLayout  
  
  
  
log4j.appender.A1.layout.ConversionPattern=%d %5p [%t] (%F:%L) - %m%n 
 
 

四、最后一步是在jsp页面中使用，见上面的第五步（略）。

大功告成，这个AJAX框架还是我国大师开发的，用起来估计是最方便、最简单的一个，非常感谢这位大师，Buffalo AJAX，翻译成中文名字就是“牛、水牛”的意思，Buffalo AJAX牛，呵呵。

【编辑推荐】

1. 流行的AJAX框架对比：jQuery，Mootools，Dojo，Ext JS
2. ASP.NET AJAX框架调用后台代码的基本方法
3. 详解如何实现最基本的AJAX框架
4. WCF初试 用JQuery实现loading的功能
5. 学习jQuery必须知道的几种常用方法