3

我正在运行一个函数来检查数据库条目是否存在。

在我的页面加载中，我检查一个元素是否存在，如果它存在，我会使用它setInterval来运行一个函数。像这样：

if ( $('#encoding').length ) {

    console.log("auto_update start");
    var update = setInterval(auto_update, 12000);
}

然后在我的auto_update函数中发生这种情况

function auto_update() {

    console.log("auto_update running");

    $.ajax({
        type: 'POST',
        url: ajaxurl,
        data: {
            action: "dhf_ajax_router",
            perform: "dhf_check_status", // the function we want to call
            post_id: $('#post_id').val(),
            nonce: $('#dhf-video-meta-nonce').val()
        },
        success: function(response) {

            if ( response === "continue" ) {

                console.log("still encoding");

            } else {

                clearInterval(update);
                console.log("complete " + response);
            }
        }
    });
}

问题是如果$('#encoding')在开始时页面上不存在并且由用户手动触发：

$(document).on("click", ".run_encode", function(){

        // doing the necessary stuff here.
        if ( response === "sent" ) {

                // more stuff
                var update = setInterval(auto_update, 12000);
        } 

}); // end .run_encode

然后clearInterval(update)它不起作用，它最终陷入无限循环。

我不知道为什么。在这两种情况下都设置了带有名称的间隔update，那么为什么在第二种情况下清除它不起作用呢？

4

2 回答 2

4

您在函数内声明update变量。另一个函数无法访问它的值。

jfriend00 就如何解决它给出了广泛的答案。我会采取另一条路线：使用setTimeout. 无论如何都建议这样做，因为 AJAX 调用不会花费恒定的时间，而是每次都会变化。想象一下，由于网络问题，它需要超过 12 秒：你会被搞砸的。

于 2012-08-10T07:20:48.000 回答
2

您必须确保共享变量update在两个范围内都可用。这意味着它要么需要在一个共同的父范围内，要么你需要将update变量设为全局变量，这样它就不会超出范围。

最有可能的是，您声明updateis 在一个终止的函数内，当该函数终止时，该update变量超出范围并被销毁。

您可以使变量的初始设置进入全局范围（因此当您clearInterval()这样调用时它仍然可用：

$(document).on("click", ".run_encode", function(){

    // doing the necessary stuff here.
    if ( response === "sent" ) {

            // more stuff
            window.update = setInterval(auto_update, 12000);
    } 

}); // end .run_encode

或者，您可以将update变量声明为全局变量，首先将其放在全局级别（在任何函数之外），然后此代码将只修改全局变量：

var update;

$(document).on("click", ".run_encode", function(){

        // doing the necessary stuff here.
        if ( response === "sent" ) {

                // more stuff
                update = setInterval(auto_update, 12000);
        } 

}); // end .run_encode
于 2012-08-10T07:35:42.900 回答