淺析$.getJSON異步請求和同步請求

更新時間：2016年06月06日 16:41:04 投稿：jingxian

下面小編就為大家?guī)硪黄獪\析$.getJSON異步請求和同步請求。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧

先說一下我遇到的問題吧，我之前的一個函數(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不懂的話可以看一下我之前的博客，或是專門學習一下  “JSON”</span>

date["man"].forEach(function (person) { 
      if (order_info.k_obj[person] == undefined) { 
        order.push(person); 
      } 
    }) 
  }); 
  $.ajaxSettings.async = true;//執(zhí)行你的代碼之后及時恢復為$.ajaxSettings.async = true； （異步執(zhí)行） 
  return order; 
}

在循環(huán)之前加一個$.ajaxSettings.async = false; 表示同步執(zhí)行，這樣他就會按照順序執(zhí)行了。

同時執(zhí)行多個$.getJSON() 數(shù)據(jù)混亂的問題的解決

在執(zhí)行之前加$.ajaxSettings.async = false; (同步執(zhí)行)

執(zhí)行你的代碼之后及時恢復為$.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)容了，希望能給大家一個參考，也希望大家多多支持腳本之家。

您可能感興趣的文章: