test.html
<a href="javascript:void(0)" rel="external nofollow" onmouseover="testAsync()">asy.jsfunction 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);}
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后才賦值的,結果,輸出時會為空。
----------------------------------------------------
由于ajax默認為異步調用,所以很少能直接拿到ajax的返回值。但有時候由于業務需要還必須要通過ajax來拿,那么我這里提供兩種方案。
具體方法:
1、就像通過設置async:false讓其異步變同步;
2、可以將接下來需要使用到的參數在success之內執行。
這兩種方案,你根據你項目的具體實際選擇一個。
使用第一種相對來講,假如你對性能要求不是太大可以選擇。
以上這篇詳談Ajax請求中的async:false/true的作用(ajax 在外部調用問題)就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持武林網。
新聞熱點
疑難解答