Ajax请求中的async:false/true的作用
发布时间:2020-12-16 03:05:21 所属栏目:百科 来源:网络整理
导读:test.html a href="javascript:void(0)" onmouSEOver="testAsync()" asy.js function testAsync(){ ? ? ? var temp; ? ? ? $.ajax({ ? ? ? ? ? ? ? async: false,? ? ? ? ? ? ? type : "GET",? ? ? ? ? ? ? url : 'tet.php',? ? ? ? ? ? ? complete: functio
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); ?> async: false,(默认是true); 如上:false为同步,这个 testAsync()方法中的Ajax请求将整个浏览器锁死, 只有tet.php执行结束后,才可以执行其它操作。 当async: true 时,ajax请求是异步的。但是其中有个问题:testAsync()中的ajax请求和其后面的操作是异步执行的,那么当tet.php还未执行完,就可能已经执行了 ajax请求后面的操作, 如: alert(temp+'? ? end'); 然而,temp这个数据是在ajax请求success后才赋值的,结果,输出时会为空。
(编辑:李大同) 【声明】本站内容均来自网络,其相关言论仅代表作者个人观点,不代表本站立场。若无意侵犯到您的权利,请及时与联系站长删除相关内容! |