Question

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

基本上，我有以下代码在发出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();和checkFavorite();函数。我还可以在单击按钮时重新加载AJAX请求，然后在请求结束时也会运行这些函数。

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

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

我通过在alert中放置一个setFavorite()来确认这一点，以确定它是如此随机调用的原因，它总是被称为x次，其中x是用户重新加载的次数AJAX请求。

如果需要，我会发布setFavorite();和checkFavorite();个函数，但我觉得错误在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;
}

Answer 1

这听起来就像每次运行函数时绑定重新加载按钮一样。哪个会多次运行该功能。

你能否展示setFavorite（）;和checkFavorite（）;功能

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

在AJAX请求后，函数语句被调用1次以上？

1 个答案: