内容来源于 Stack Overflow,并遵循CC BY-SA 3.0许可协议进行翻译与使用
<meta http-equiv="Refresh" Content="5">
此脚本每5秒重新加载或刷新页面。但是我想使用jQuery和Ajax调用来完成它。有可能吗?
对于可能花费的时间超过重复间隔的周期性任务(如慢速连接上的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); }); })();
为了简单起见,我使用了成功回调来调度。缺点是一个失败的请求将停止更新。为了避免这种情况,可以使用完整的回调:
(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); } }); })();
是的,可以使用JavaScriptsetTimeout()
方法或setInterval()
方法调用要运行的代码。
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); });