jQuery中的ajax async同步和異步詳解
項目中有這樣一個需求，使用ajax加載數(shù)據(jù)返回頁面并賦值，然后前端取出該值
這其中涉及到代碼的順序問題，有時后臺還未返回數(shù)據(jù)，但已執(zhí)行后面代碼，
所以就會造成取不到值
$.ajax({ type: "post", url: "admin/PfmOptionRuleItem.do", success: function(data){ $("#ruleItem").val(data.ruleItem); //① } }); return $("#ruleItem").val(); //②
如果①還未從后臺返回數(shù)據(jù) 此時執(zhí)行②就獲取不到值
Ajax的第一個字母是asynchronous的開頭字母，這意味著所有的操作都是并行的，完成的順序沒有前后關(guān)系。
$.ajax()的async參數(shù)總是設(shè)置成true，這標志著在請求開始后，其他代碼依然能夠執(zhí)行。
如果把這個選項設(shè)置成false，這意味著所有的請求都不再是異步的了，這也會導(dǎo)致瀏覽器被鎖死。
雖然官方不建議這么干，只是不能用太多，否則會造成用戶體驗不佳
舉個栗子
alert("setp 1"); $.ajax({ url: "admin/PfmOptionRuleItem.do", async: false, success: function(data){ alert("hello ajax"); //① } }); alert("setp 2"); //②
當(dāng)把asyn設(shè)為false時，這時ajax的請求時同步的，也就是說，這個時候ajax塊發(fā)出請求后，
他會等待在①這個地方，不會去向下執(zhí)行②，直到①執(zhí)行完畢
此時依次執(zhí)行順序為
setp 1
hello ajax
setp 2
如果async為true 則執(zhí)行順序為
setp 1
setp 2
hello ajax
關(guān)于本文給大家敘述的jQuery中的ajax async同步和異步，全部介紹完了，希望對大家有所幫助。
相關(guān)文章
數(shù)據(jù)量很大的情況下使用Ajax去實現(xiàn)真的不合適，于是想采用Jquery來實現(xiàn)方法，具體的示例代碼如下，有需求的朋友可以參考下希望對大家有所幫助2013-08-08
jquery的ajax提交form表單的兩種方法小結(jié)(推薦)
下面小編就為大家?guī)硪黄猨query的ajax提交form表單的兩種方法小結(jié)(推薦)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考2016-05-05
基于jquery的一個簡單的腳本驗證插件，希望能對大家有所幫助，有demo2010-04-04
jQuery實現(xiàn)獲取table表格第一列值的方法
這篇文章主要介紹了jQuery實現(xiàn)獲取table表格第一列值的方法,涉及jQuery針對table表格元素的遍歷與讀取相關(guān)技巧,需要的朋友可以參考下2016-03-03
實時監(jiān)控input框,實現(xiàn)輸入框與下拉框聯(lián)動的實例
下面小編就為大家分享一篇實時監(jiān)控input框,實現(xiàn)輸入框與下拉框聯(lián)動的實例，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2018-01-01
jquery 獲取 outerHtml 包含當(dāng)前節(jié)點本身的代碼
jQuery.html() 是獲取當(dāng)前節(jié)點下的html代碼，并不包含當(dāng)前節(jié)點本身的代碼，后來實驗發(fā)現(xiàn)有一個jQuery的一個方法可以解決2014-10-10
jQuery實現(xiàn)table中兩列CheckBox只能選中一個的示例
下面小編就為大家?guī)硪黄猨Query實現(xiàn)table中兩列CheckBox只能選中一個的示例。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-09-09
jQuery模仿阿里云購買服務(wù)器選擇購買時間長度的代碼
jQuery仿阿里云購買服務(wù)器選擇時間長度,操作簡單，只需點擊所要選的時間段，對實現(xiàn)代碼感興趣的朋友參考下2016-04-04
由于placeholder是html5的新屬性，可想而知，僅支持html5的瀏覽器才支持placeholder，目前最新的firefox、chrome、safari以及ie10都支持，ie6到ie9都不支持。2015-06-06
JQuery設(shè)置獲取下拉菜單某個選項的值(比較全)
這篇文章主要介紹了JQuery如何設(shè)置獲取下拉菜單某個選項的值(比較全),需要的朋友可以參考下2014-08-08