jquery ajax无刷新更新页面

最新推荐文章于 2024-09-16 13:07:33 发布

小蜗牛的日子--慢慢爬

最新推荐文章于 2024-09-16 13:07:33 发布

阅读量7k

点赞数 1

分类专栏： js 文章标签： jquery ajax

本文链接：https://blog.csdn.net/ha6pp6y/article/details/51092904

版权

js 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

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