細(xì)數(shù)Ajax請求中的async:false和async:true的差異
實(shí)例如下:
function test(){ var temp="00"; $.ajax({ async: false, type : "GET", url : 'userL_checkPhone.do', complete: function(msg){ alert('complete'); }, success : function(data) { alert('success'); temp=data; temp="aa"; } }); alert(temp); }
UserLAction中checkPhone()方法
public void checkPhone() throws IOException { this.getServletResponse().setContentType("text/html; charset=UTF-8"); this.getServletResponse().setHeader("Cache-Control", "no-cache"); PrintWriter out = this.getServletResponse().getWriter(); out.print("true"); }
async: false,(默認(rèn)是true);
當(dāng)async: false為同步,這個(gè) test()方法中的Ajax請求將整個(gè)瀏覽器鎖死,
只有userL_checkPhone.do執(zhí)行結(jié)束后,才可以執(zhí)行其它操作。
所以執(zhí)行結(jié)果是先alert('success'); alert('complete'); alert("aa");
當(dāng)async: true 時(shí),ajax請求是異步的。但是其中有個(gè)問題:test()中的ajax請求和其后面的操作是異步執(zhí)行的,那么當(dāng)userL_checkPhone.do還未執(zhí)行完,就可能已經(jīng)執(zhí)行了 ajax請求后面的操作,
所以結(jié)果是alert('success'); alert('complete'); alert("00");
這樣就會發(fā)現(xiàn)alert("success")和alert(temp)幾乎是同步執(zhí)行,所以temp就是初始化的值temp = "00",而不是 temp="aa";
以上這篇細(xì)數(shù)Ajax請求中的async:false和async:true的差異就是小編分享給大家的全部內(nèi)容了,希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。
相關(guān)文章
Ajax動態(tài)為下拉列表添加數(shù)據(jù)的實(shí)現(xiàn)方法
這篇文章主要介紹了Ajax動態(tài)為下拉列表添加數(shù)據(jù)的實(shí)現(xiàn)方法,需要的朋友可以參考下2017-01-01AJAX 請求區(qū)分 $_SERVER[''HTTP_X_REQUESTED_WITH''] 小解
關(guān)于這個(gè)內(nèi)容,很多人都有所了解.但從我搜索的內(nèi)容來看,他們只是略微看一下,根本不知道里面到底是什么情況.2011-06-06ajax動態(tài)獲取數(shù)據(jù)庫中的數(shù)據(jù)方法
今天小編就為大家分享一篇ajax動態(tài)獲取數(shù)據(jù)庫中的數(shù)據(jù)方法,具有很好的參考價(jià)值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08js實(shí)現(xiàn)簡單實(shí)用的AJAX完整實(shí)例
這篇文章主要介紹了js實(shí)現(xiàn)簡單實(shí)用的AJAX的方法,以完整實(shí)例形式分析了ajax無刷新調(diào)用的具體實(shí)現(xiàn)步驟與相關(guān)技巧,代碼備有詳盡的注釋便于理解,需要的朋友可以參考下2016-02-02利用XMLHTTP實(shí)現(xiàn)的二級連動Select
利用XMLHTTP實(shí)現(xiàn)的二級連動Select...2006-09-09AJAX跨域請求數(shù)據(jù)的四種方法(實(shí)例講解)
下面小編就為大家?guī)硪黄狝JAX跨域請求數(shù)據(jù)的四種方法(實(shí)例講解)。小編覺得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07