jquery ajax无刷新更新页面

1.首先我们得区分一下ajax的异步和同步:
异步是:ajax没有完全执行完,就可以执行后面的代码,
同步是:ajax必须执行完后才可以执行后面的代码..

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

-,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("失败，请稍后再试！");  
            } 
        });
    });
});

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