詳談Ajax請求中的async:false/true的作用(ajax 在外部調(diào)用問題)
test.html
<a href="javascript:void(0)" rel="external nofollow" 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); }
tet.php
<?php echo "here is html code"; sleep(5); ?>
說明
async: false,(默認是true);
如上:false為同步,這個 testAsync()方法中的Ajax請求將整個瀏覽器鎖死,只有tet.php執(zhí)行結(jié)束后,才可以執(zhí)行其它操作。
當async: true 時,ajax請求是異步的。
但是其中有個問題:testAsync()中的ajax請求和其后面的操作是異步執(zhí)行的,那么當tet.php還未執(zhí)行完,就可能已經(jīng)執(zhí)行了 ajax請求后面的操作,如: alert(temp+' end'); 然而,temp這個數(shù)據(jù)是在ajax請求success后才賦值的,結(jié)果,輸出時會為空。
----------------------------------------------------
由于ajax默認為異步調(diào)用,所以很少能直接拿到ajax的返回值。但有時候由于業(yè)務需要還必須要通過ajax來拿,那么我這里提供兩種方案。
具體方法:
1、就像通過設置async:false讓其異步變同步;
2、可以將接下來需要使用到的參數(shù)在success之內(nèi)執(zhí)行。
這兩種方案,你根據(jù)你項目的具體實際選擇一個。
使用第一種相對來講,假如你對性能要求不是太大可以選擇。
以上這篇詳談Ajax請求中的async:false/true的作用(ajax 在外部調(diào)用問題)就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
相關(guān)文章
ASP.NET jQuery 實例9 通過控件hyperlink實現(xiàn)返回頂部效果
ASP.NET jQuery 實例9 通過控件hyperlink實現(xiàn)返回頂部效果的實現(xiàn)代碼,需要的朋友可以參考下2012-02-02基于Bootstrap和jQuery構(gòu)建前端分頁工具實例代碼
本文給大家介紹基于Bootstrap和jQuery構(gòu)建前端分頁工具實例代碼,包括前端分頁的優(yōu)缺點和解決辦法,對jquery bootstrap分頁知識感興趣的朋友一起通過本文學習吧2016-11-11jQuery+C#實現(xiàn)參數(shù)RSA加密傳輸功能【附jsencrypt.js下載】
這篇文章主要介紹了jQuery+C#實現(xiàn)參數(shù)RSA加密傳輸功能,結(jié)合具體實例形式分析了js使用jsencrypt.js插件前端字符數(shù)據(jù)處理傳輸及C#后臺數(shù)據(jù)轉(zhuǎn)換與RSA加密相關(guān)操作技巧,并附帶jsencrypt.js供讀者下載參考使用,需要的朋友可以參考下2017-06-06jquery點擊頁面任何區(qū)域?qū)崿F(xiàn)鼠標焦點十字效果
鼠標點擊聚焦,地圖定位,在圖片上突出顯示,焦點定位頁面元素,這些都是在系統(tǒng)開發(fā)是經(jīng)常需要用到的,下面為大家介紹下具體的實現(xiàn),感興趣的朋友可以參考下哈2013-06-06基于jquery中children()與find()的區(qū)別介紹
本篇文章介紹了,基于jquery中children()與find()的區(qū)別,需要的朋友參考下2013-04-04