淺析$.getJSON異步請求和同步請求
先說一下我遇到的問題吧,我之前的一個函數(shù)想調(diào)用上一個函數(shù)的返回值,但是它的返回值一直為空,后來翻了一些資料才明白是異步請求在作怪,不多說,看例子,這是我之前有返回值函數(shù)的代碼:
function get_no_order_array() { var order_info = show_order(); var order = []; $.getJSON("../JSON/customers.json", function (date) { date["man"].forEach(function (person) { if (order_info.k_obj[person] == undefined) { order.push(person); } }) }); return order; }
后來發(fā)現(xiàn)打印的數(shù)組order 一直為空,以下是改正后的代碼:
function get_no_order_array() { var order_info = show_order(); var order = []; $.ajaxSettings.async = false;//在執(zhí)行之前加$.ajaxSettings.async = false; (同步執(zhí)行) $.getJSON("../JSON/customers.json", function (date) { //<span style="line-height: 1.5;">$.getJSON不懂的話可以看一下我之前的博客,或是專門學(xué)習(xí)一下 “JSON”</span>
date["man"].forEach(function (person) { if (order_info.k_obj[person] == undefined) { order.push(person); } }) }); $.ajaxSettings.async = true;//執(zhí)行你的代碼之后及時恢復(fù)為$.ajaxSettings.async = true; (異步執(zhí)行) return order; }
在循環(huán)之前加一個$.ajaxSettings.async = false; 表示同步執(zhí)行,這樣他就會按照順序執(zhí)行了。
同時執(zhí)行多個$.getJSON() 數(shù)據(jù)混亂的問題的解決
在執(zhí)行之前加$.ajaxSettings.async = false; (同步執(zhí)行)
執(zhí)行你的代碼之后及時恢復(fù)為$.ajaxSettings.async = true; (異步執(zhí)行)
不然影響別的地方的需要異步執(zhí)行的代碼。
example:
$.ajaxSettings.async = false; $.getJSON(url, data, function(data){ }); $.getJSON(url, data, function(data){ }); $.getJSON(url, data, function(data){ }); ...... $.ajaxSettings.async = true;
以上這篇淺析$.getJSON異步請求和同步請求就是小編分享給大家的全部內(nèi)容了,希望能給大家一個參考,也希望大家多多支持腳本之家。
- 使用getJSON()異步請求服務(wù)器返回json格式數(shù)據(jù)的實現(xiàn)
- 詳解Vuejs2.0之異步跨域請求
- 使用bootstrap-paginator.js 分頁來進行ajax 異步分頁請求示例
- AngularJS出現(xiàn)$http異步后臺無法獲取請求參數(shù)問題的解決方法
- 淺談js的ajax的異步和同步請求的問題
- SpringMVC環(huán)境下實現(xiàn)的Ajax異步請求JSON格式數(shù)據(jù)
- Ajax異步請求JSon數(shù)據(jù)(圖文詳解)
- angularjs 處理多個異步請求方法匯總
- jquery的ajax異步請求接收返回json數(shù)據(jù)實例
- 原生JS發(fā)送異步數(shù)據(jù)請求
相關(guān)文章
js實現(xiàn)全國省份城市級聯(lián)下拉菜單效果代碼
這篇文章主要介紹了js實現(xiàn)全國省份城市級聯(lián)下拉菜單效果代碼,通過JavaScript針對數(shù)組的定義與元素的遍歷實現(xiàn)省市級聯(lián)菜單功能,非常具有實用價值,需要的朋友可以參考下2015-09-09JS基于FileSaver.js插件實現(xiàn)文件保存功能示例
這篇文章主要介紹了JS基于FileSaver.js插件實現(xiàn)文件保存功能,結(jié)合實例形式演示了FileSaver.js插件的具體使用技巧,需要的朋友可以參考下2016-12-12