詳談Ajax請(qǐng)求中的async:false/true的作用(ajax 在外部調(diào)用問(wèn)題)
test.html
<a href="javascript:void(0)" rel="external nofollow" onmouseover="testAsync()"> asy.js function testAsync(){ var temp; $.ajax({ async: false, //同步請(qǐng)求 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); ?>
說(shuō)明
async: false,(默認(rèn)是true);
如上:false為同步,這個(gè) testAsync()方法中的Ajax請(qǐng)求將整個(gè)瀏覽器鎖死,只有tet.php執(zhí)行結(jié)束后,才可以執(zhí)行其它操作。
當(dāng)async: true 時(shí),ajax請(qǐng)求是異步的。
但是其中有個(gè)問(wèn)題:testAsync()中的ajax請(qǐng)求和其后面的操作是異步執(zhí)行的,那么當(dāng)tet.php還未執(zhí)行完,就可能已經(jīng)執(zhí)行了 ajax請(qǐng)求后面的操作,如: alert(temp+' end'); 然而,temp這個(gè)數(shù)據(jù)是在ajax請(qǐng)求success后才賦值的,結(jié)果,輸出時(shí)會(huì)為空。
----------------------------------------------------
由于ajax默認(rèn)為異步調(diào)用,所以很少能直接拿到ajax的返回值。但有時(shí)候由于業(yè)務(wù)需要還必須要通過(guò)ajax來(lái)拿,那么我這里提供兩種方案。
具體方法:
1、就像通過(guò)設(shè)置async:false讓其異步變同步;
2、可以將接下來(lái)需要使用到的參數(shù)在success之內(nèi)執(zhí)行。
這兩種方案,你根據(jù)你項(xiàng)目的具體實(shí)際選擇一個(gè)。
使用第一種相對(duì)來(lái)講,假如你對(duì)性能要求不是太大可以選擇。
以上這篇詳談Ajax請(qǐng)求中的async:false/true的作用(ajax 在外部調(diào)用問(wèn)題)就是小編分享給大家的全部?jī)?nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
ASP.NET jQuery 實(shí)例9 通過(guò)控件hyperlink實(shí)現(xiàn)返回頂部效果
ASP.NET jQuery 實(shí)例9 通過(guò)控件hyperlink實(shí)現(xiàn)返回頂部效果的實(shí)現(xiàn)代碼,需要的朋友可以參考下2012-02-02Jquery ajax 同步阻塞引起的UI線程阻塞問(wèn)題
這篇文章主要介紹了Jquery ajax 同步阻塞引起的UI線程阻塞問(wèn)題的相關(guān)資料,需要的朋友可以參考下2015-11-11基于Bootstrap和jQuery構(gòu)建前端分頁(yè)工具實(shí)例代碼
本文給大家介紹基于Bootstrap和jQuery構(gòu)建前端分頁(yè)工具實(shí)例代碼,包括前端分頁(yè)的優(yōu)缺點(diǎn)和解決辦法,對(duì)jquery bootstrap分頁(yè)知識(shí)感興趣的朋友一起通過(guò)本文學(xué)習(xí)吧2016-11-11jQuery+C#實(shí)現(xiàn)參數(shù)RSA加密傳輸功能【附j(luò)sencrypt.js下載】
這篇文章主要介紹了jQuery+C#實(shí)現(xiàn)參數(shù)RSA加密傳輸功能,結(jié)合具體實(shí)例形式分析了js使用jsencrypt.js插件前端字符數(shù)據(jù)處理傳輸及C#后臺(tái)數(shù)據(jù)轉(zhuǎn)換與RSA加密相關(guān)操作技巧,并附帶jsencrypt.js供讀者下載參考使用,需要的朋友可以參考下2017-06-06jQuery利用鍵盤(pán)上下鍵移動(dòng)表格內(nèi)容
這篇文章主要為大家詳細(xì)介紹了jQuery利用鍵盤(pán)上下鍵移動(dòng)表格內(nèi)容,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2022-02-02jQuery Jcrop插件實(shí)現(xiàn)圖片選取功能
今天我們要在ASP.NET中用jQuery.Jcrop插件實(shí)現(xiàn)圖片的選取功能,你想選取美女的哪個(gè)部位你說(shuō)了算,我就管不著了2011-11-11jquery點(diǎn)擊頁(yè)面任何區(qū)域?qū)崿F(xiàn)鼠標(biāo)焦點(diǎn)十字效果
鼠標(biāo)點(diǎn)擊聚焦,地圖定位,在圖片上突出顯示,焦點(diǎn)定位頁(yè)面元素,這些都是在系統(tǒng)開(kāi)發(fā)是經(jīng)常需要用到的,下面為大家介紹下具體的實(shí)現(xiàn),感興趣的朋友可以參考下哈2013-06-06使用jQuery實(shí)現(xiàn)按鈕置灰不可用效果
在Web開(kāi)發(fā)中,有時(shí)候我們需要在特定情況下將按鈕置灰并設(shè)置為不可用狀態(tài),以防止用戶(hù)重復(fù)點(diǎn)擊或者暫時(shí)禁止某些操作,本文將介紹如何使用jQuery來(lái)實(shí)現(xiàn)這一效果,感興趣的朋友跟著小編一起來(lái)看看吧2024-09-09基于jquery中children()與find()的區(qū)別介紹
本篇文章介紹了,基于jquery中children()與find()的區(qū)別,需要的朋友參考下2013-04-04