（局部刷新）jquery.ajax提交并实现单个div刷新
web开发中我们经常会遇到局部刷新页面的需求，以前我经常使用ajax和iframe实现局部刷新，后来做政府的项目，对页面的样式要求比较多，发现使用iframe控制样式什么的很麻烦，所以就采用了新的办法，就是下面我们要说的ajax配合div局部刷新页面，其实很简单，下面我们就看一下这种刷新方式是如何实现的。
jsp页面ajax代码如下：
$("#waitWork").click(function(){
var url = "请求地址";
var data = {type:1};
$.ajax({
type : "get",
async : false, //同步请求
url : url,
data : data,
timeout:1000,
success:function(dates){
//alert(dates);
$("#mainContent").html(dates);//要刷新的div
},
error: function() {
// alert("失败，请稍后再试！");
}
});
});
<div id="mainContent">
注意：后台需要针对div里的信息单独用一个jsp页面，不然就需要自己封装好需要的页面信息返回
这个方法可以实现单独刷新一个div，好用的一点就是：如果将div里需要的信息单独放到一个jsp页面里，都不需要我们后台拼装数据了，非常方便。
版权声明：本文为qihuan原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。