Ajax的异步与同步（async）

最新推荐文章于 2020-10-27 21:27:57 发布

转载最新推荐文章于 2020-10-27 21:27:57 发布 · 90 阅读

0 ·

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/Sky-Raining/p/10287060.html

本文详细解析了异步（async=true）与同步（async=false）AJAX请求的工作原理及执行流程。异步模式下，AJAX请求与后续脚本并行执行，提升用户体验；同步模式则阻塞后续代码直至请求完成，可能影响页面响应速度。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、async值为true （异步）
当ajax发送请求后，在等待server端返回的这个过程中，前台会继续执行ajax块后面的脚本，直到server端返回正确的结果才会去执行success，也就是说这时候执行的是两个线程，ajax块发出请求后一个线程和ajax块后面的脚本（另一个线程）
$.ajax({
     type:"POST",
     url:"Venue.aspx?act=init",
     dataType:"html",
     success:function(result){ //function1()
       f1();
       f2();
    }
    failure:function (result) {
      alert('Failed');
    },
}
function2();

在上例中，当ajax块发出请求后，他将停留function1()，等待server端的返回，但同时（在这个等待过程中），前台会去执行function2()。

2、async值为false （同步）
当执行当前AJAX的时候会停止执行后面的JS代码，直到AJAX执行完毕后时，才能继续执行后面的JS代码。
$.ajax({
     type:"POST",
     url:"Venue.aspx?act=init",
     dataType:"html",
     async: false,
     success:function(result){ //function1()
       f1();
       f2();
     }
     failure:function (result) {
      alert('Failed');
     },
}
function2();

当把asyn设为false时，这时ajax的请求时同步的，也就是说，这个时候ajax块发出请求后，他会等待在function1（）这个地方，不会去执行function2()，直到function1()部分执行完毕。

转载于:https://www.cnblogs.com/Sky-Raining/p/10287060.html