使用ajax async,Ajax请求async有哪些方式？应该如何使用

这次给大家带来Ajax请求async有哪些方式？应该如何使用，Ajax请求async的注意事项有哪些，下面就是实战案例，一起来看一下。

test.html代码：

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);

?>

async: false,(默认是true);

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

当async: true 时，ajax请求是异步的。但是其中有个问题：testAsync()中的ajax请求和其后面的操作是异步执行的，那么当tet.php还未执行完，就可能已经执行了 ajax请求后面的操作，

如： alert(temp+' end');

然而，temp这个数据是在ajax请求success后才赋值的，结果，输出时会为空。

相信看了本文案例你已经掌握了方法，更多精彩请关注php中文网其它相关文章！

推荐阅读：