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

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

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

Action为struts2

a.jsp

分享到：

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: function (data){ //后台处理数据失败后的回调函数
     //   alert(data)
    }
})

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

追问

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

回答

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

这里面 

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

$("div .a")：就是页面上那个

 

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