首頁猿問如何使 ajax 同步而不是使用...

如何使 ajax 同步而不是使用 async:false？

慕的地6264312 2022-12-22 11:38:31

我在使用 ajax 異步時遇到了一些問題。我有一個數組，然后循環遍歷該數組以進行 ajax 調用，如果成功，ajax 將返回一個 xml 字符串，我將使用它來填充表格并更新進程欄。我用async:false它在 Firefox 上運行良好，但在 Chrome 上運行不正常。我也試過用$.ajax().done()，但一點影響都沒有。當 ajax 調用完成然后下一個循環將運行時，是否無論如何要獲取響應的 xml 字符串？for (var i = 0; i <= arr.length; i++){ $.ajax({ url: '', data: '', async: false }).done(function(xml) { //get xml string to handle and put it into some table as contents }); //Then go to next loop}

查看完整描述

3 回答

紅糖糍粑

TA貢獻1815條經驗獲得超6個贊

不要試圖使異步代碼同步。您將鎖定事件循環并受到嚴重的性能損失。

并行發出請求。將承諾收集在一個數組中。用于Promise.all確定它們何時全部完成。

然后你可以從它們中提取數據并用它做你想做的事。

例如：

const baseUrl = "https://jsonplaceholder.typicode.com/users/";

const userIds = [1,2,3,4,5];

const completeUrls = userIds.map( id => `${baseUrl}${id}` );

const promises = completeUrls.map( url => jQuery.ajax({url}) );

const collectedDataPromise = Promise.all(promises);

collectedDataPromise.then( data => {

const names = data.map( user => user.name );

const ul = $("<ul />");

names.forEach( name => {

ul.append( $("<li>").text(name) );

});

$("body").append(ul);

});

反對回復 2022-12-22

智慧大石

TA貢獻1946條經驗獲得超3個贊

最后，我得到了我自己的解決方案，我使用 async/await 來理解。

async function ajaxGetData(){

return $.ajax({

url: '',

data: ''

}).then(response => response.data);

}

async function hanldeResponse(){

var arr = [1,2,...];

for(var i = 0; i < arr.length; i++){

let res = await ajaxGetData();

//some code to handle the response with res variable

}

反對回復 2022-12-22

慕田峪4524236

TA貢獻1875條經驗獲得超5個贊

如果你必須在每次迭代中更新數據，你可以使用一些字符串并在 .done() 中更新。

像這樣遞歸試試：

var counter = arr.length;

function callAjax() {

if (counter) {

$.ajax({

url: '',

data: ''

})

.done(function(xml) {

//get xml string to handle and put it into some table as contents

counter--;

callAjax();

});

}

反對回復 2022-12-22

3 回答
0 關注
171 瀏覽

關注

添加回答

舉報

0/150

提交

取消

亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

熱搜

最近搜索清空

如何使 ajax 同步而不是使用 async:false？

如何使 ajax 同步而不是使用 async:false？

3 回答

添加回答

如何使 ajax 同步而不是使用 async:false？

如何使 ajax 同步而不是使用 async:false？