我知道有很多这样的问题,但我没有找到适合我的解决方案。
我正在使用ajax调用API,所以我的问题是我的网页得不到响应,所以有些地方我发现这只是因为不当的ajax处理,你可以帮助知道我把我的ajax在哪里。我需要在加载页面时调用ajax。
我已经尝试调用ajax没有任何功能,如…
show('ajax Call start for player');
$('#loading').show();
$.ajax({
url: '/home/getPlayers',
success: function (data) {
data = JSON.parse(data);
playerData = data.Data;
show('data of player');
// show(playerData);
showPlayers(1);
show('ajax Call complete for player');
flag = 1;
}
});
show('ajax Call start for loadplayeronpitch');
$.ajax({
url: '/home/checkUserTeam',
success: function (data) {
while (true) {
if (flag) {
loadUserTeampitch(data);
break;
}
}
show('ajax Call complete for loadplayeronpitch');
}
});
这是不工作,导致无响应的页面。
然后从其他问题我已经尝试调用ajax在以下函数
$(document).load(function(){
});
$(function(){
});
$(document).bind("load", function () {
});
但是这些都不能正常工作,你能帮我吗?
谢谢。
不响应是由你的while(true)
循环引起的,所以永远不要再这样做了:-)
您要做的是:只在第一个ajax调用完成后运行第二个ajax调用。因此,您应该将这两个ajax调用放到单独的函数中,然后在页面加载时调用第一个函数。
在第一个ajax的成功部分(在第一个函数中),调用第二个函数。做。
function firstAjax() {
$.ajax({
url: '/home/getPlayers',
success: function (data) {
data = JSON.parse(data);
playerData = data.Data;
show('data of player');
//show(playerData);
showPlayers(1);
show('ajax Call complete for player');
secondAjax();
}
});
}
function secondAjax() {
$.ajax({
url: '/home/checkUserTeam',
success: function (data) {
loadUserTeampitch(data);
}
});
}
$(function() {
firstAjax();
});
这应该像你想的那样工作,但是我现在不能测试它。
$('#loading').show();
var deferedA = $.ajax({
url: '/home/getPlayers',
success: function (data) {
data = JSON.parse(data);
playerData = data.Data;
show('data of player');
// show(playerData);
showPlayers(1);
show('ajax Call complete for player');
}
});
show('ajax Call start for loadplayeronpitch');
var deferedB = $.ajax({
url: '/home/checkUserTeam'
});
//wait until both request are finished
$.when(deferedA, deferedB)
.done( function (dataA, dataB) {
loadUserTeampitch(dataB);
show('ajax Call complete for loadplayeronpitch');
});
编辑我建议使用Promise
代替$.when
(承诺像jQuery的实现有点奇怪),但是问题与Promise
是,它只适用于较新的浏览器,对于较旧的一个你需要一个库,如蓝鸟或当
EDIT:如果你想更简单,你可以使用下面的方法。
<script type="text/javascript">
$(function() {
var flag = 0;
var data1;
$('#loading').show();
$.ajax({
beforeSend: function() {
show('ajax Call start for player');
},
url: '/home/getPlayers',
success: function(data) {
flag++;
data = JSON.parse(data);
playerData = data.Data;
show('data of player');
showPlayers(1);
show('ajax Call complete for player');
checkFlag();
}
});
$.ajax({
beforeSend: function() {
show('ajax Call start for loadplayeronpitch');
},
url: '/home/checkUserTeam',
success: function(data) {
flag++;
data1 = data;
show('ajax Call complete for loadplayeronpitch');
checkFlag();
}
});
function checkFlag()
{
if (parseInt(flag) == parseInt(2))
{
loadUserTeampitch(data1);
}
}
});
</script>