Jquery中Ajax/Post同步和异步请求
原创    happy_0812    发表于:2017-11-15 17:11:18
  阅读 :102   收藏   编辑

Ajax请求中的 async:false/true 的作用

async. 默认是true,即为异步方式,$.Ajax执行后,会继续执行ajax后面的脚本,直到服务器端返回数据后,触发$.Ajax里的success方法,这时候执行的是两个线程。若要将其设置为false,则所有的请求均为同步请求,在没有返回值之前,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。

官方:http://api.jquery.com/jQuery.ajax/

1 异步请求

    $.ajax({
             url : 'your url',
             data:{name:value},
             cache : false,
             async : true,
             type : "POST",
             dataType : 'json/xml/html',
             success : function (result){
                // do something....
             }
         });

2 同步请求

    $.ajax({
             url : 'your url',
             data:{name:value},
             cache : false,
             async : false,
             type : "POST",
             dataType : 'json/xml/html',
             success : function (result){
                 //do something....
             }
         });

或者采用以下方法

在全局设置:

$.ajaxSetup({ 
    async : false 
});

然后再使用post或get方法

$.get("your rurl", {name:value}, function(data) { 
    //do something...
});
评论
条评论