jQuery轮询请求仅在变量！='something'时

Question

我有以下代码：

<script>
    $(function() {
        (function poll(){
            setTimeout(function(){
                var process_id = $("#form3_progress_process_id").val();
                if(process_id != 'undefined') {
                    $.ajax({
                        type: "POST",
                        url: "grab.php",
                        data: "action=step3_progress&process_id=" + process_id,
                        success: function(data){
                            console.log("successful");
                        }, dataType: "json", complete: poll, timeout: 30000 });
                }
            }, 2000);
        })()
    });
</script>
<input type="hidden" id="form3_progress_process_id" value="undefined">

我想要的是，如果来自输入form3_progress_process_id的值不是' undefined '，则它仅发送查询。

一开始它是“ undefined ”，但一段时间后它被jquery更改了。

但是，以上代码由于任何原因都不起作用。 更改值后，它不会开始发送请求。

我怎么了

Answer 1

仅在input从头开始的2秒内发生更改时，您的代码才会触发。 您应该在else添加对poll方法的调用，这样循环不会中断：

$(function() {
    (function poll(){
        setTimeout(function(){
            var process_id = $("#form3_progress_process_id").val();
            if(process_id != 'undefined') {
                $.ajax({
                    type: "POST",
                    url: "grab.php",
                    data: "action=step3_progress&process_id=" + process_id,
                    success: function(data){
                        console.log("successful");
                    }, dataType: "json", complete: poll, timeout: 30000 });
            }else{
                poll();  ////Add this!!
            }
        }, 2000);
    })()
});

来自玻利维亚拉巴斯的欢呼声

Answer 2

除非您的隐藏输入在2秒钟内发生变化，否则计时器将不会再次触发。 更改为setInterval

 setInterval(function(){
            var process_id = $("#form3_progress_process_id").val();
            if(process_id != 'undefined') {
                $.ajax({
                    type: "POST",
                    url: "grab.php",
                    data: "action=step3_progress&process_id=" + process_id,
                    success: function(data){
                        console.log("successful");
                    }, dataType: "json", complete: poll, timeout: 30000 });
            }
        }, 2000);
    })()
});