总结Ajax同步执行的方法


1.将async设置为false,最简单的方法,但是如果执行的ajax调用过多,浏览器会卡死。

2.使用$.when().done().then()。简单测试的代码如下

function GetBatchAjax(id) {
       var ajax=$.ajax({
             type: "POST",
             dataType: "json",
             data: "id=" + id,
             url: '@Url.Action("Search","Index")'
       });
       return ajax;
}

$('#PromiseGetPeopleInfo').click(function() {
   $.when(GetBatchAjax(1)).done(function (oneResult) {
         console.log(oneResult);
         $.when(GetBatchAjax(2)).done(function (twoResult) {
              console.log(twoResult);
         }).fail(function() {
              
         });
    }).fail(function() {
          }); });

 3.使用promise

function GetPromise() {
    return new Promise(function (resolve, reject) {
        //当异步代码执行成功时,我们才会调用resolve(...), 当异步代码失败时就会调用reject(...)
        //在本例中,我们使用setTimeout(...)来模拟异步代码,实际编码时可能是XHR请求或是HTML5的一些API方法.
        setTimeout(function () {
            resolve("执行完毕"); //代码正常执行!
        }, 2500);
    });
}
//点击调用
$('#PromiseTest').click(function () {
    var myFirstPromise = GetPromise();
    myFirstPromise.then(function (successMessage) {
        //successMessage的值是上面调用resolve(...)方法传入的值.
        //successMessage参数不一定非要是字符串类型,这里只是举个例子 Yay! 成功
        console.log("Yay! " + successMessage); //Yay! 成功
    });
});

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM