$.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ì)大家有所幫助。

您可能感興趣的文章:

相關(guān)文章

jQuery操作DOM_動(dòng)力節(jié)點(diǎn)Java學(xué)院整理
這篇文章主要介紹了jQuery操作DOM，下面的DOM操作將圍繞上面的DOM樹(shù)進(jìn)行學(xué)習(xí)JQueryDOM操作，有興趣的可以了解一下
2017-07-07
webpack中引用jquery的簡(jiǎn)單實(shí)現(xiàn)
下面小編就為大家?guī)?lái)一篇webpack中引用jquery的簡(jiǎn)單實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧
2016-06-06
jQuery插件FusionCharts實(shí)現(xiàn)的2D餅狀圖效果【附demo源碼下載】
這篇文章主要介紹了jQuery插件FusionCharts實(shí)現(xiàn)的2D餅狀圖效果,結(jié)合完整實(shí)例形式分析了FusionCharts插件2D餅狀圖繪制相關(guān)實(shí)現(xiàn)技巧,并附帶demo源碼供讀者下載參考,需要的朋友可以參考下
2017-03-03
如何確保JavaScript的執(zhí)行順序之jQuery.html深度分析
在上一篇文章《如何確保JavaScript的執(zhí)行順序 - 之實(shí)戰(zhàn)篇》中，我們發(fā)現(xiàn)jQuery的html函數(shù)能夠確保動(dòng)態(tài)加載的JavaScript按照引入順序執(zhí)行。
2011-03-03
EasyUI 中 MenuButton 的使用方法
在EasyUI 的Demo 中只有MenuButton 的顯示DEMO，沒(méi)有click 事件的相關(guān)操作，項(xiàng)目中正好用到啦，所以研究了下，可以用js 動(dòng)態(tài)的為menu item 綁定click 事件
2012-07-07
關(guān)于jQuery中的each方法(jQuery到底干了什么)
這篇文章主要介紹了關(guān)于jQuery中的each方法,需要的朋友可以參考下
2014-03-03
jquery清空textarea等輸入框?qū)崿F(xiàn)代碼
jquery清空textarea等輸入框在工作中很常見(jiàn)，接下來(lái)的代碼簡(jiǎn)單實(shí)用，感興趣的朋友可以參考下哈，希望對(duì)你有所幫助
2013-04-04
使用jQuery獲取data-的自定義屬性
本文給大家分享的是使用jQuery制作的組件，實(shí)現(xiàn)獲取data-自定義屬性，并附上使用方法，非常的實(shí)用，有需要的小伙伴可以參考下
2015-11-11
jQuery獲取頁(yè)面及個(gè)元素高度、寬度的總結(jié)——超實(shí)用
這篇文章主要介紹了jQuery獲取頁(yè)面及個(gè)元素高度、寬度的總結(jié)——超實(shí)用,需要的朋友可以參考下
2015-07-07
JQuery從頭學(xué)起第一講
JQuery的重要性對(duì)一個(gè)coder來(lái)說(shuō)應(yīng)該是不言而喻的，多少次在應(yīng)聘的時(shí)候被問(wèn)及是否會(huì)JQuery；多少次在寫(xiě)腳本的時(shí)候因?yàn)闉g覽器的不兼容而吐血；多少次因?yàn)樾枰媚_本做一個(gè)簡(jiǎn)單的效果而寫(xiě)到手抽筋。JQuery出現(xiàn)后，很多問(wèn)題都被輕易解決了。
2010-07-07