ajax，jquery，$.post/$.get异步刷新div,局部刷新页面

ajax，jquery，$.post/$.get异步刷新div,局部刷新页面

2013-08-14 14:50 890326yaoyao  |  分类：Html/Css  |  浏览1185次

Action为struts2 <aciton="Action" class="XX.XX.XX">

<request>a.jsp</request>

</action>

分享到：

2013-08-14 15:13 提问者采纳

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

借助jquery框架完成ajax是非常容易的，代码如下：    $.ajax({      url: 'Action' , //你对数据库的操作路径      data:{ //这是参数      id:1,      name: 'zhangsan'      },      type: 'post' , //提交方式     // dataType:'json',//返回数据的类型      success: function (data){ //后台处理数据成功后的回调函数         // alert(data);       //  在这里执行对页面的数据刷新       $( "div .a" ).html(data);      },      error: function (data){ //后台处理数据失败后的回调函数       //   alert(data)      } })

这个是ajax的完整版，希望对你有帮助

追问

我是想返回一个页面，放入a.div中！ 不是想再a.div中html("在把a.jsp写一遍")，懂我的意思了吧！

回答

1 2 3 4

success: function (data){ //后台处理数据成功后的回调函数         //  在这里执行对页面的数据刷新       $( "div .a" ).html(data);      }

这里面 

data：就是这次请求返回的a.jsp页面

$("div .a")：就是页面上那个<div id='a' class='a'></div> 

$("div .a").html(data)：就就是将a.jsp 页面放入到 class=a 的div中！