javascript - 每 10 秒运行一次 php 脚本

Question

我正在尝试使用 setInterval 每 10 秒执行一次 php 脚本 update.php 并刷新 div id = 验证。由于某种原因 setInterval 阻止脚本运行。任何关于在哪里放置\更改 setInterval 的建议都将不胜感激，因为我很困惑(抱歉这里是入门级 javascript 用户)。为清楚起见，我省略了所有不相关的细节，例如变量。

<div id="verification"></div>

<script id="verification" language="javascript" type="text/javascript">
$(function() {
    $.ajax({
        url: 'update.php', //php          
        data: "", //the data "caller=name1&&callee=name2"
        dataType: 'json', //data format   
        success: function(data) //on receive of reply
            {
                var foobar = data[2]; //foobar
                $('#verification').html("(<b>" + foobar + "</b>)"); //output to html

            }
    });
});

setInterval(10000); //every 5 secs
</script>

Answer 1

建议/步骤/错误:

1. 创建一个单独的函数来执行ajax要求
2. 在页面加载时调用此函数以在页面加载时运行它
3. 使用setInterval()每隔 n 调用函数秒
4. id应该始终是唯一的。您现在正在使用 verification好像是 <div>和 <script>
5. 您可以删除 id和 language <script> 的属性.这些不是必需的。

代码:

function update() {
    $.ajax({
        url: 'update.php', //php          
        data: "", //the data "caller=name1&&callee=name2"
        dataType: 'json', //data format   
        success: function (data) {
            //on receive of reply
            var foobar = data[2]; //foobar
            $('#verification').html("(<b>" + foobar + "</b>)"); //output to html
        }
    });
}

$(document).ready(update); // Call on page load
//                ^^^^^^


setInterval(update, 10000); //every 10 secs
//          ^^^^^^