項(xiàng)目中有這樣一個(gè)需求,使用ajax加載數(shù)據(jù)返回頁(yè)面并賦值,然后前端取出該值
這其中涉及到代碼的順序問(wèn)題,有時(shí)后臺(tái)還未返回?cái)?shù)據(jù),但已執(zhí)行后面代碼,
所以就會(huì)造成取不到值
$.ajax({ type: "post", url: "admin/PfmOptionRuleItem.do", success: function(data){ $("#ruleItem").val(data.ruleItem); //① } }); return $("#ruleItem").val(); //②
如果①還未從后臺(tái)返回?cái)?shù)據(jù) 此時(shí)執(zhí)行②就獲取不到值
Ajax的第一個(gè)字母是asynchronous的開(kāi)頭字母,這意味著所有的操作都是并行的,完成的順序沒(méi)有前后關(guān)系。
$.ajax()的async參數(shù)總是設(shè)置成true,這標(biāo)志著在請(qǐng)求開(kāi)始后,其他代碼依然能夠執(zhí)行。
如果把這個(gè)選項(xiàng)設(shè)置成false,這意味著所有的請(qǐng)求都不再是異步的了,這也會(huì)導(dǎo)致瀏覽器被鎖死。
雖然官方不建議這么干,只是不能用太多,否則會(huì)造成用戶體驗(yàn)不佳
舉個(gè)栗子
alert("setp 1"); $.ajax({ url: "admin/PfmOptionRuleItem.do", async: false, success: function(data){ alert("hello ajax"); //① } }); alert("setp 2"); //②
當(dāng)把a(bǔ)syn設(shè)為false時(shí),這時(shí)ajax的請(qǐng)求時(shí)同步的,也就是說(shuō),這個(gè)時(shí)候ajax塊發(fā)出請(qǐng)求后,
他會(huì)等待在①這個(gè)地方,不會(huì)去向下執(zhí)行②,直到①執(zhí)行完畢
此時(shí)依次執(zhí)行順序?yàn)?/p>
setp 1
hello ajax
setp 2
如果async為true 則執(zhí)行順序?yàn)?/p>
setp 1
setp 2
hello ajax
關(guān)于本文給大家敘述的jQuery中的ajax async同步和異步,全部介紹完了,希望對(duì)大家有所幫助。