Bootstrap

处理多个ajax请求,你如何处理多个ajax请求?

当我的第一个ajax请求获得完成回调时,当我通过相同的ajax请求将ResultJSON.two == true中的某个json属性返回到我的页面时,当我到达我的属性时,我将如何执行额外的ajax请求以上?下面,我在完成回调中执行其他ajax请求。我将再使用其中两个请求。有没有更好的方法来做到这一点,因为它目前无法正常工作。我创建函数ajaxUpdateTwo(),然后我调用它。欢迎任何建议。

这是我的代码

function ajaxUpdateOne() {

$("li.large-3.medium-3.columns").remove();

$.ajax({

url: 'includes/current.html',

dataType: 'json'

}).done(function(data) {

ResultJSON = data;

console.log(ResultJSON);

if (ResultJSON.count != '') {

$("input[name='itemCount']").attr("value", ResultJSON.count);

$("input[name='totalCount']").attr("value", ResultJSON.totalCount);

delete ResultJSON.count;

delete ResultJSON.totalCount;

}

$.each(ResultJSON, function(key, value) {

$("ul.grid").append(value);

});

if (ResultJSON.two == true) {

alert('test');

function ajaxUpdateTwo() {

$.ajax({

url: 'includes/recent.html',

dataType: 'json'

}).done(function(data) {

ResultJSON = data;

console.log(ResultJSON);

if (ResultJSON.count != '') {

$("input[name='itemCount']").attr("value", ResultJSON.count);

$("input[name='totalCount']").attr("value", ResultJSON.totalCount);

delete ResultJSON.count;

delete ResultJSON.totalCount;

}

$.each(ResultJSON, function(key, value) {

$("ul.grid").append(value);

});

}).fail(function(data) {

alert('A failure has occurred on two.');

});

}

ajaxUpdateTwo();

}

}).fail(function(data) {

alert('A failure has occurred');

});

}

ajaxUpdateOne();

setInterval(ajaxUpdateOne, 8000);

;