javascript - 调用 API 的 ajax 的最佳位置是什么？

Question

我知道有很多这样的问题，但我没有找到适合我的解决方案。

我使用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 () {

});

但这一切都无法正常工作，你能帮我吗？

谢谢。

Answer 1

无响应是由 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();
});