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

小灰灰 2021-04-27 15:23 526阅读 0赞

最近做东西用到ajax，我在火狐下firebug打断点一点问题都没有，可是关了firebug，程序不进后台方法，纳闷了好久，从来没有遇到过这种情况，最后加了一个参数async:false好了，还是  
很纳闷,以前写了那么多ajax相关代码从来没遇到过这种情况，原来对asy:nc:false的含义不大了解，还有可能和现在这个平台有关系吧。  
async boolean default: true  
by default, all requests are sentasynchronous (e.g. this is set to true by default). if you need synchronousrequests, set this option to false. note that synchronous  
requests may temporarily lock the browser,disabling any actions while the request is active.  
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后面的语句。

不过上面设置同步请求的方法，有网友曾经反馈将async设成false后, 原意是想返回数据了再执行$.ajax后面的脚本, 没想到这个地方却导致了在火狐浏览器下出现闪屏(firefox 11.0)，滚动条下拉到底部触发ajax的情况。最后只能将async:false注释掉，也就是async为ture的情况下，成功解决了火狐浏览器滚动条下拉到底部触发ajax出现闪屏的问题。

1.      test.html
````
        <a href="javascript:void(0)" onmouseover="testAsync()">
````
        asy.js
        
        
        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);
        
        ?>
    
````
2.

async: false,（默认是true）;  
如上：false为同步，这个 testAsync()方法中的Ajax请求将整个浏览器锁死，  
只有tet.php执行结束后，才可以执行其它操作。  
  
当async: true 时，ajax请求是异步的。但是其中有个问题：testAsync()中的ajax请求和其后面的操作是异步执行的，那么当tet.php还未执行完，就可能已经执行了 ajax请求后面的操作，  
如： alert(temp+'   end');  
然而，temp这个数据是在ajax请求success后才赋值的，结果，输出时会为空。