詳談Ajax請(qǐng)求中的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, //同步請(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); ?>
說明
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è)問題：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ù)需要還必須要通過ajax來拿，那么我這里提供兩種方案。
具體方法：
1、就像通過設(shè)置async:false讓其異步變同步；
2、可以將接下來需要使用到的參數(shù)在success之內(nèi)執(zhí)行。
這兩種方案，你根據(jù)你項(xiàng)目的具體實(shí)際選擇一個(gè)。
使用第一種相對(duì)來講，假如你對(duì)性能要求不是太大可以選擇。
以上這篇詳談Ajax請(qǐng)求中的async:false/true的作用(ajax 在外部調(diào)用問題)就是小編分享給大家的全部內(nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
我們通常在執(zhí)行一次ajax請(qǐng)求過后，需要更新界面上的某些內(nèi)容，一般通過動(dòng)態(tài)插入dom元素。2010-10-10
這篇文章主要為大家詳細(xì)介紹了layui導(dǎo)航欄效果的實(shí)現(xiàn)代碼，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-05-05
artDialog 4.1.5 Dreamweaver代碼提示/補(bǔ)全插件 附下載
artDialog是一個(gè)輕巧且高度兼容的javascript對(duì)話框組件，可讓你的網(wǎng)頁交互擁有桌面軟件般的用戶體驗(yàn)2012-07-07
這篇文章主要介紹了JQuery中上下文選擇器實(shí)現(xiàn)方法,涉及jQuery操作頁面元素的相關(guān)技巧,需要的朋友可以參考下2015-05-05
這篇文章主要介紹了jQuery中:radio選擇器用法,實(shí)例分析了:radio選擇器的功能、定義及匹配單選按鈕的使用技巧,需要的朋友可以參考下2015-01-01
在網(wǎng)上一直找不到j(luò)query上傳圖片的例子,今天由于工作需要,在網(wǎng)上找了很長時(shí)間,找到了一個(gè)不太完整的例子,自已又對(duì)其進(jìn)行了修改,現(xiàn)在已經(jīng)可以使用,但只限于IE,火狐下不能使用,因?yàn)榛鸷碌貌坏奖镜厣蟼鞯膱D片路徑,希望能對(duì)新手有所幫助.2010-01-01
Jquery 跨域訪問 Lightswitch OData Service的方法
修改lightswitch .server project web.config。添加如下內(nèi)容就可以實(shí)現(xiàn)對(duì)ApplicationData.svc/跨域訪問2013-09-09
jquery實(shí)現(xiàn)吸頂導(dǎo)航效果
這篇文章主要為大家詳細(xì)介紹了jquery實(shí)現(xiàn)吸頂導(dǎo)航效果，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2020-01-01
最近發(fā)現(xiàn)一個(gè)不錯(cuò)的基于jquery的插件thickBox ，感覺比facebox好用。但因?yàn)閖query官方不推薦使用。所以這個(gè)只是學(xué)習(xí)的朋友，不建議使用這個(gè)。2010-09-09
本文分享了網(wǎng)頁中經(jīng)常出現(xiàn)的返回頂部效果，相比原生Javascript,jquery實(shí)現(xiàn)起來能夠省略不少代碼。希望對(duì)大家有所幫助2016-12-12