Ajax的同步和异步

最新推荐文章于 2024-05-21 10:41:09 发布

转载最新推荐文章于 2024-05-21 10:41:09 发布 · 373 阅读

文章标签：

#Ajax #同步 #异步

本文探讨了Ajax中同步与异步的区别。默认情况下Ajax采用异步方式执行，允许页面在等待服务器响应的同时继续处理其他任务。而同步请求则会阻塞浏览器，直至服务器返回数据。文章通过实例展示了两种请求方式的具体行为。

工作中会经常用到Ajax，同步和异步有什么区别？

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

示例：

var temp;
$.ajax({
    async: false,
    type : "POST",
    url : defaultPostData.url,
    dataType : 'json',
    success : function(data) {
        temp=data;
    }
});
 
alert(temp);

这个ajax请求为同步请求，在没有返回值之前，alert(temp)是不会执行的。

如果async设置为：true，则不会等待ajax请求返回的结果，会直接执行ajax后面的语句。