Struts2.0和jQuery的局部更新技术的应用

  在项目中Struts2.0和JQuery结合使用jQuery的进行局部更新，将响应的信息一个html页面的内容填充在一个div中的使用

 

 JQuery（"#divId"）.load(url，param)：

divId：响应内容添加的div的Id

url：请求路径

param：请求的参数

 

在jquery请求虽然为Ajax但是此处Struts2.0中不需要配置请求为流类型（Stream）仍然为html类型的。不需要任何配置。所以关于Struts2.o的代码忽略，此处仅仅说一下jQuery和prototype的在实现。

 

 

//初始化时加载数据的信息
jQuery(document).ready(function(){
      //默认加载的类型
      sendList(2);

   //设置查询条件
   jQuery("#conditionsetting").click(function(){
     window.location.href="${ctx}/vacation-order!setting.dhtml";
   });
  
});

 

 

//点击发送的请求信息
function sendList(type)
{
   //请求的路径
    var url="${ctx}/vacation-order!include.dhtml";
    //获取表单的数据的信息
    var params=jQuery('queryForm').serialize()；

//

    //JQuery 执行相关的函数
    jQuery("#orderListcontent").load(url,params);

  

     //采用ProtoType实现如下：
     //   var pajax=new Ajax.Updater("orderListcontent", //设置的div的ID的名称

     //url, //请求的路径
     // {    method:'post', //请求的方式
     //     parameters:params,  //请求的参数
    //     onFailure:reportError  //请求的异常处理
   // });

}