html中多链接的管理器,如何在谷歌浏览器的HTML页面中管理加载多个AJAX调用？

.loader {

border: 8px solid #f3f3f3;

border-radius: 50%;

border-top: 8px solid gray;

width: 60px;

height: 60px;

-webkit-animation: spin 2s linear infinite;

animation: spin 2s linear infinite;

position: absolute;

left: 0;

right: 0;

top: 0;

bottom: 0;

margin: auto;

}

@-webkit-keyframes spin {

0% {

-webkit-transform: rotate(0deg);

}

100% {

-webkit-transform: rotate(360deg);

}

}

@keyframes spin {

0% {

transform: rotate(0deg);

}

100% {

transform: rotate(360deg);

}

}

HTML：

Create Order

的Javascript：

function generateOrder() {

$('.loader').css('display', 'block');

$.ajax({

type: "GET",

contentType: "application/json; charset=utf-8",

datatype: "json",

url: oDataUri,

data: jsonPO,

async: false,

beforeSend: function (XMLHttpRequest) {

XMLHttpRequest.setRequestHeader("Accept", "application/json");

},

success: function (data, textStatus, XmlHttpRequest) {

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

AddProducts(data.results[i].ProductID, data.results[i].ProductName)

}

},

error: function (XMLHttpRequest, textStatus, errorThrown) {

alert(textStatus);

}

});

reloadGridData(); //it will call ajax and reload all data.

$('.loader').css('display', 'none');

}

function AddProducts(productID, productName) {

//$('.loader').css('display', 'block');

$.ajax({

type: "POST",

contentType: "application/json; charset=utf-8",

datatype: "json",

url: oDataUri,

data: jsonPO,

async: false,

beforeSend: function (XMLHttpRequest) {

XMLHttpRequest.setRequestHeader("Accept", "application/json");

},

success: function (data, textStatus, XmlHttpRequest) {

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

//more AJAX call with async: false

}

},

error: function (XMLHttpRequest, textStatus, errorThrown) {

alert(textStatus);

}

});

//$('.loader').css('display', 'none');

}

在上述情况下，加载在Mozila Firefox中工作正常，但是当我试图在谷歌浏览器中使用它，它不起作用。

我无法将Async设置为True。另外我有多个Ajax调用。

请建议我解决它。

+0

它不是多个ajax调用。它嵌套了ajax调用。加上他们在'for'循环中。没有办法知道哪个电话会最后完成。基本上没有办法做到这一点。为什么你有这样复杂的ajax调用链接。真的有必要去第三级。这也是一个循环？你可以制作一部电影！ ** Ajaxception ** –

+0

@MridulKashyap它只是示例的一部分。我还有另一个电话。让我再添加一行。 'reloadGridData()' –

+0

@MridulKashyap我知道这是复杂的链。但在某些情况下，我必须使用这个。请建议。 –