javascript - 带计时器的 Jquery/Ajax 调用

Question

我有一个 php 页面，它从数据库中回显行。我想每 30 秒通过 jquery/ajax 调用它。但我也希望能够随时调用该页面，以便如果我通过表单添加记录，一旦表单提交，我希望页面通过调用 ajax 立即更新结果。任何人都可以指出我正确的方向或提供一些基本代码以便我可以尝试解决这个问题吗？对 jquery/ajax 还是很陌生。

Answer 1

如果你想在定时器上设置一些东西，你可以使用 JavaScript 的 setTimeout 或 setInterval 方法:

setTimeout ( expression, timeout );
setInterval ( expression, interval );

其中 expression 是一个函数，timeout 和 interval 是以毫秒为单位的整数。 setTimeout 运行计时器一次并运行 expression 一次，而 setInterval 将在每次 interval 过去时运行 expression。

所以在你的情况下它会像这样工作:

setInterval(function() {
    //call $.ajax here
}, 5000); //5 seconds

就 Ajax 而言，请参阅 jQuery 的 ajax() method .如果您运行一个间隔，没有什么可以阻止您从代码中的其他地方调用相同的 ajax()。

---

如果您想要的是每 30 秒运行一次间隔，直到用户启动表单提交...然后在此之后创建一个新的间隔，这也是可能的:

setInterval() 返回一个整数，它是间隔的 ID。

var id = setInterval(function() {
    //call $.ajax here
}, 30000); // 30 seconds

如果将该 ID 存储在变量中，则可以调用 clearInterval(id) 来停止进程。

然后您可以在完成 ajax 表单提交后重新实例化 setInterval() 调用。