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

最新推荐文章于 2024-08-10 20:24:53 发布

简析

最新推荐文章于 2024-08-10 20:24:53 发布

阅读量1w

点赞数 2

分类专栏：前端

前端专栏收录该内容

63 篇文章 1 订阅

订阅专栏

原文地址：Ajax请求中的async:false/true的作用

function testAsync(){
    var temp;
    $.ajax({
        async: false,
        type : "GET",
        url : 'tet.php',
        complete: function(msg){
            alert('complete');
        },
        success : function(data) {
            alert('success');
            temp=data;
        }
    });
    alert(temp+'   end');
}

tet.php

<?php

    echo "here is html code";
    sleep(5);

?>

async: false,（默认是true）;
如上：false为同步，这个 testAsync()方法中的Ajax请求将整个浏览器锁死，
只有tet.php执行结束后，才可以执行其它操作。

当async: true 时，ajax请求是异步的。但是其中有个问题：testAsync()中的ajax请求和其后面的操作是异步执行的，那么当tet.php还未执行完，就可能已经执行了 ajax请求后面的操作，
如： alert(temp+' end');
然而，temp这个数据是在ajax请求success后才赋值的，结果，输出时会为空。

jquery中ajax方法有个属性async用于控制同步和异步，默认是true,即ajax请求默认是异步请求，有时项目中会用到AJAX同步。这个同步的意思是当JS代码加载到当前AJAX的时候会把页面里所有的代码停止加载，页面出现假死状态，当这个AJAX执行完毕后才会继续运行其他代码页面假死状态解除。而异步则这个AJAX代码运行中的时候其他代码一样可以运行。

$('input[type=button]').click(function(){
  $.ajax({
    url:'/user',
    type:'get',
    data:$('form').serializeArray(),
    async:true,
    success:function(res){
      alert('success')
    },error:function(err){
      console.log('err')
    }
  })
  alert('after click')
})

例如，以上代码中：
当async设置为true时，点击按钮后，会先alert(‘after click’)，之后请求完毕才会alert(‘success’)。
当async设置为false时，点击按钮后，则会造成阻塞，阻止下面的代码执行，只有执行完ajax请求，才会去执行后面的代码。

---------------------
作者：Lair丶
来源：CSDN
原文：https://blog.csdn.net/m0_37793545/article/details/78913257
版权声明：本文为博主原创文章，转载请附上博文链接！

原文地址：同步和异步，区别

同步：

同步的思想是：所有的操作都做完，才返回给用户。这样用户在线等待的时间太长，给用户一种卡死了的感觉（就是系统迁移中，点击了迁移，界面就不动了，但是程序还在执行，卡死了的感觉）。这种情况下，用户不能关闭界面，如果关闭了，即迁移程序就中断了。

异步：

将用户请求放入消息队列，并反馈给用户，系统迁移程序已经启动，你可以关闭浏览器了。然后程序再慢慢地去写入数据库去。这就是异步。但是用户没有卡死的感觉，会告诉你，你的请求系统已经响应了。你可以关闭界面了。

同步，是所有的操作都做完，才返回给用户结果。即写完数据库之后，在相应用户，用户体验不好。

异步，不用等所有操作等做完，就相应用户请求。即先相应用户请求，然后慢慢去写数据库，用户体验较好。

异步操作例子：

为了避免短时间大量的数据库操作，就使用缓存机制，也就是消息队列。先将数据放入消息队列，然后再慢慢写入数据库。

引入消息队列机制，虽然可以保证用户请求的快速响应，但是并没有使得我数据迁移的时间变短（即80万条数据写入mysql需要1个小时，用了redis之后，还是需要1个小时，只是保证用户的请求的快速响应。用户输入完http url请求之后，就可以把浏览器关闭了，干别的去了。如果不用redis，浏览器不能关闭）。

同步就没有任何价值了吗？

银行的转账功能。