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