AJAX防止初始頁面加載

Question

我有一個奇怪的問題，我嘗試用Google搜索，但找不到這種行為的原因。

在點擊鏈接之前，請先打開Firebug或Chrome網絡標簽

問題：我的初始ajax請求阻止了我的網站的第一次加載。它僅在刷新后才開始工作。

http://vetosports.com/designer/index.html

您會看到第一次加載時都沒有觸發document.ready和window.load事件。刷新頁面后，一切正常

您可以在網絡標簽中看到它卡在了designhandler.php 。發送請求到designhandler.php的代碼是：

var urlFetch = "designhandler.php"
$.ajax({
    type: "POST",
    url: urlFetch,
    dataType: 'json',
    cache: false,
    data: {
        sport: chosenSport
    },
    success: function(resp){
        mainData=resp;
        console.log(mainData); // in the console I can see the correct response
        var jArr = resp.garments.jersey.designs;
        var socArr = resp.garments.socks.designs;
        var shoArr = resp.garments.shorts.designs;

        for (jID in jArr) {
            if (jArr[jID]['default'] == "y") {
                globalJID = jID;
            }
            if (jArr[jID]['featured'] == "y") {
                featArr.push(jID);
            }
        }
        for (socID in socArr) {
            if (socArr[socID]['default'] == "y") {
                globalSocID = socID;
            }
        }
        for (shoID in shoArr) {
          if (shoArr[shoID]['default'] == "y") {
            globalShoID = shoID;
          }
        }

        fLayers = mainData.garments.jersey.designs[globalJID]['frontLayerCount'];
        bLayers = mainData.garments.jersey.designs[globalJID]['backLayerCount'];

    }
});

知道我在做什么錯嗎？ 這是個大問題，我不能這樣保留。

謝謝湯姆

Answer 1

它實際上並沒有停留在designhandler.php

看來問題出在那之后。 人們將不得不查看一下您在做什么之后才能發現問題。

一個好的建議-在服務器端腳本中記錄不同的階段，並查看在什么情況下繼續失敗。

希望能有所幫助