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

上

看起来问题就在那之后。在发现问题之后，人们必须要看看你在做什么。

一个好建议 - 记录服务器端脚本中的不同阶段，看看哪些事情无法继续。

希望有所帮助

AJAX阻止初始页面加载

1 个答案: