jquery ajax无刷新更新页面

1.首先我们得区分一下ajax的异步和同步:

异步是:ajax没有完全执行完,就可以执行后面的代码,

同步是:ajax必须执行完后才可以执行后面的代码..

2.好了,既然要ajax不刷新界面就要更新页面上的数据,那就不能把表单数据给提交了,这一步在前台非常重要

-

<input type="button" value="修改" id="btn" />

,type为button,而不是submit,切记呀,要不然你还是刷新了界面

然后 看js实现,应该比较简单:

$(function(){
$("#btn").click(function(){
$.ajax({
type:'post',
async : false,  //同步请求
url : "NewFile2.jsp",
data : 1,
timeout:1000,
cache:false,
success:function(dates){
//alert(dates);
$("#name").val(dates);//要刷新的div
$("#bg,.box").css("display", "none");
},
error: function() {
// alert("失败，请稍后再试！");
}
});
});
});

这样就可以实现了无刷新更新了