第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號(hào)安全,請及時(shí)綁定郵箱和手機(jī)立即綁定
已解決430363個(gè)問題,去搜搜看,總會(huì)有你想問的

如何循環(huán)遍歷多個(gè) ajax 請求,然后在一切完成后執(zhí)行代碼?

如何循環(huán)遍歷多個(gè) ajax 請求,然后在一切完成后執(zhí)行代碼?

蕪湖不蕪 2021-10-21 16:31:30
首先讓我說我已經(jīng)在網(wǎng)上進(jìn)行了一系列搜索,但似乎無法拼湊起來。要求:使用 jQuery :(單擊時(shí),我使用.getJSON調(diào)用來獲取具有多個(gè)層的對(duì)象。下面是一個(gè)數(shù)據(jù)示例: myObj = {title: 'some name',items: [    {        name: 'item-1',        url: '/item-1'    },    {        name: 'item-2',        url: '/item-4'    },    {        name: 'item-3',        url: '/item-4'    },    {        name: 'item-4',        url: '/item-4'    },]}我想遍歷所有的 url,并對(duì).ajax它們調(diào)用一個(gè)操作,然后將我得到的新數(shù)據(jù)存儲(chǔ)在它們各自的對(duì)象中。它看起來像這樣:myObj = {title: 'some name',items: [    {        name: 'item-1',        url: '/item-1',        properties: {//whole new set of data from url}    },    {        name: 'item-2',        url: '/item-4',        properties: {//whole new set of data from url}    },    {        name: 'item-3',        url: '/item-4',        properties: {//whole new set of data from url}    },    {        name: 'item-4',        url: '/item-4',        properties: {//whole new set of data from url}    },]}一旦所有這些都完成并且每個(gè)對(duì)象都有這個(gè)新的數(shù)據(jù)位,然后我想對(duì) 做一些事情myObj,比如將它渲染到 jquery 模板(呃),但新數(shù)據(jù)必須在每個(gè)項(xiàng)目的內(nèi)部。這是我到目前為止所擁有的:var myItems = myObj.items;$(myItems).each(function(index, item) {          var itemUrl = '/somestuff/' + item.url + '.js';      $.getJSON(itemUrl).done(function(itemData) {        item.data = itemData;                          });    }).promise().done(function() {//render data to template})我遇到的唯一問題是,有時(shí)item.properties模板渲染時(shí)數(shù)據(jù)還不存在 ( ),因此無法渲染未定義。我試過鏈接不成功.done(),現(xiàn)在遇到了使用.when(),但不知道如何編寫代碼行以使其.when()正常工作。任何幫助表示贊賞,我很樂意澄清細(xì)節(jié)。
查看完整描述

1 回答

?
搖曳的薔薇

TA貢獻(xiàn)1793條經(jīng)驗(yàn) 獲得超6個(gè)贊

如果您捕獲每個(gè) AJAX 請求生成的 Promise(技術(shù)上講是一個(gè) jQuery Deferred 對(duì)象),并將它們添加到一個(gè)數(shù)組中,那么您可以.when()在所有 Promise 被解析后調(diào)用以執(zhí)行一些代碼。像這樣的東西(未經(jīng)測試):


var myItems = myObj.items;

var promises = [];

$(myItems).each(function(index, item) {    

  var itemUrl = '/somestuff/' + item.url + '.js';

  var p = $.getJSON(itemUrl);

  p.then(function(itemData) {

    item.data = itemData;

    return itemData;

  });

  promises.push(p);

});


$.when.apply($, promises).then(function() { //render data to template...

這可能比鏈接 done() 回調(diào)更可取,因?yàn)樗匀辉试S請求并行執(zhí)行,這可能會(huì)更快(盡管這在某種程度上取決于服務(wù)器,但這是一個(gè)單獨(dú)的問題)。


查看完整回答
反對(duì) 回復(fù) 2021-10-21
  • 1 回答
  • 0 關(guān)注
  • 397 瀏覽
慕課專欄
更多

添加回答

舉報(bào)

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動(dòng)學(xué)習(xí)伙伴

公眾號(hào)

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號(hào)