javascript - jQuery Ajax 和 setInterval Chrome 问题

Question

我正在尝试使用 jQuery 和 setInterval 定期返回给定 URL 的值。我的代码如下所示:

    $("form").submit(function() {
        setInterval(function(){
            $('#upload_progress').load('/upload_progress');
        }, 5000);
    });

这在 Firefox 中完美运行，但在 chrome 中，load() 函数永远不会运行。我也尝试过使用 $.ajax 函数，得到了相同的结果。

知道为什么这只影响 Chrome (v11.0) 吗？

任何帮助将不胜感激!

Answer 1

首先，您实际上正在提交表单。我很确定这会使浏览器处于“嘿，我正在等待来自服务器的重定向”的状态。如果您确实想轮询并更新页面，您可能需要这样做

$("form").submit(function(e) {
  e.preventDefault();
  // ...
}

只是作为一个开始。在这种情况下，它对我有用。在这里，我什至为您制作了一个可以正常运行的 JSFiddle: http://jsfiddle.net/plukevdh/sRe4k/ 。如果完成后需要重定向，您可以向回调添加更多数据(json 或其他内容)，以便您可以检查是否 {status: 0-100 [percent], Completed: true|false} 如果完成或状态 >= 100，只需更改 window.location。