1

这是一个奇怪的标题，但我不确定如何描述正在发生的事情。

基本上，我有以下代码在发出 AJAX 请求后运行：

if (doAjax) {
    $("#loading").removeClass("visible");
    $("#loading").addClass("hidden");
    setTimeout(function () {
        $("#loading").css({
            "display": "none",
            "opacity": "0",
        });
    }, 300);
    if (number.length === 0) {
        $("#nothing").css("display", "inline-table");
        setTimeout(function () {
            $("#nothing").addClass("visible");
        }, 1);
    } else {
        setFavorite();
        checkFavorite();
    }
}

如果 AJAX 请求返回结果，那么它将在完成后运行setFavorite();andcheckFavorite();函数。我还可以在单​​击按钮时重新加载 AJAX 请求，然后在请求结束时也会运行这些功能。

问题是，如果用户加载页面，它将运行 AJAX，并且会很好。但是，如果用户再次调用AJAX 请求，该函数将运行两次。如果再次调用它，它会运行 3 次。

因此，每次发出 AJAX 请求时，被调用的次数setFavorite();和checkFavorite();被调用的次数都会增加一。

我通过放置一个 inside 来确认alert它setFavorite()为什么如此随机地调用，并且它总是被调用 x 次，其中 x 是用户重新加载 AJAX 请求的次数。

如果需要，我会发布setFavorite();andcheckFavorite();函数，但我觉得错误在于doAjax函数内。

编辑 1

重载功能：

function reload(){
    doAjax("http://www.codekraken.com/testing/snowday/wgrz.html");
};

$("#reload").click(reload);

编辑二人组

doAjax();

function doAjax(url) {
    $.getJSON("http://query.yahooapis.com/v1/public/yql?q=select%20*%20from%20html%20where%20url%3D%22" + encodeURIComponent(url) + "%22&format=xml'&callback=?",
    function (data) {
        if (data.results[0]) {
            $("#content").html("");
            var number = $(filterData(data.results[0])).find("#gtv_leftcolumn table:gt(1)");
            for (var i = 0; i < number.length; i++) {
                var school = $(filterData(data.results[0])).find("#gtv_leftcolumn table:gt(1) .maintext p:eq(" + i + ")").text();
                var type = $(filterData(data.results[0])).find("#gtv_leftcolumn table:gt(1) .trafficbriefs:nth-child(even) p:eq(" + i + ")").text();
                $("#content").append("<div class='row'><div class='row-inside'><div class='row-l'>" + school + "</div><div class='row-r'>" + type + "</div></div><div class='star'><div class='star-inside'></div></div></div>");
            };
            if (doAjax) {
                $("#loading").removeClass("visible");
                $("#loading").addClass("hidden");
                setTimeout(function () {
                    $("#loading").css({
                        "display": "none",
                        "opacity": "0",
                    });
                }, 300);
                if (number.length === 0) {
                    $("#nothing").css("display", "inline-table");
                    setTimeout(function () {
                        $("#nothing").addClass("visible");
                    }, 1);
                } else {
                    setFavorite();
                    checkFavorite();
                }
            }
        } else {
            console.log("error");
        }
    })
}

function filterData(data) {
    data = data.replace(/<?\/body[^>]*>/g, '');
    data = data.replace(/[\r|\n]+/g, '');
    data = data.replace(/<--[\S\s]*?-->/g, '');
    data = data.replace(/<noscript[^>]*>[\S\s]*?<\/noscript>/g, '');
    data = data.replace(/<script[^>]*>[\S\s]*?<\/script>/g, '');
    data = data.replace(/<script.*\/>/, '');
    data = data.replace(/<img[^>]*>/g, '');
    return data;
}
4

1 回答 1

2

这听起来就像每次运行函数时都在绑定重新加载按钮。这将多次运行该功能。

你能显示 setFavorite(); 和 checkFavorite(); 功能？

如果每次重新加载都必须重新绑定按钮，您可以在重新绑定之前取消绑定按钮。

于 2012-10-18T20:08:29.283 回答