如何触发AJAX请求定期?

<meta http-equiv="Refresh" Content="5"> 

此脚本每5秒后重新加载或刷新页面。 但我想用jQuery和AJAX调用。 可能吗?

正如别人指出setInterval和setTimeout将做的伎俩。 我想强调一下我从保罗·爱尔兰的这个优秀video中学到的一些更高级的技术: http : //paulirish.com/2010/10-things-i-learned-from-the-jquery-source/

对于可能最终花费比重复时间间隔更长的周期性任务(例如慢速连接上的HTTP请求),最好不要使用setInterval() 。 如果第一个请求还没有完成,而你又开始另一个请求,那么最终可能会出现多个请求使用共享资源并相互挨饿的情况。 您可以通过等待下一个请求直到最后一个请求完成来避免这个问题:

 // Use a named immediately-invoked function expression. (function worker() { $.get('ajax/test.html', function(data) { // Now that we've completed the request schedule the next one. $('.result').html(data); setTimeout(worker, 5000); }); })(); 

为了简单起见,我使用了成功callback进行调度。 这是一个失败的请求将停止更新。 为了避免这种情况,你可以使用完整的callback:

 (function worker() { $.ajax({ url: 'ajax/test.html', success: function(data) { $('.result').html(data); }, complete: function() { // Schedule the next request when the current one's complete setTimeout(worker, 5000); } }); })(); 

是的,您可以使用JavaScript setTimeout()方法或setInterval()方法来调用您想要运行的代码。 以下是你可以用setTimeout来做到这一点:

 function executeQuery() { $.ajax({ url: 'url/path/here', success: function(data) { // do something with the return value here if you like } }); setTimeout(executeQuery, 5000); // you could choose not to continue on failure... } $(document).ready(function() { // run the first time; all subsequent calls will take care of themselves setTimeout(executeQuery, 5000); }); 

您可以使用setTimeoutsetInterval

所不同的是 – setTimeout只触发你的函数一次,然后你必须重新设置它。 除非您告诉它停止,否则setInterval会一次又一次地触发expression式