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

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

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

</action>

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

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

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

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

猜你在找的Ajax相关文章