Jquery setInterval 在 Firefox 上完美运行，但在 IE8 上不起作用

Question

我编写了一个简单的代码来从 PHP 文件中获取内容并每 30 秒刷新一次。 它在 FireFox 上运行得很好，但在 IE8 中只加载一次内容！ 任何人都可以帮我解决它吗？

这是我的代码：

<script>

var content;
var temp = "something";

    $.get('refresh.php', function(data) {
    content = data;
    })
  .success(function() {
      if (temp != content) {
          $("#success").fadeOut(2000, function () 
          {
              $("#success").html(content).fadeIn(2000); 
          }
          ); // end .fadeOut
      temp = content;
  }

  }) //end .success

  .error(function() { $("#success").html("error"); });

var refreshId = setInterval(function()
{
    $.get('refresh.php', function(data) {
    content = data;
    })
    .success(function() {
    if (temp != content) {
        $("#success").fadeOut(2000, function () 
        {
            $("#success").html(content).fadeIn(2000); 
        }
        ); // end .fadeOut
    temp = content;
    }

  }) //end .success

  .error(function() { $("#success").html("error"); })

}, 27000);
  </script>

在 PHP 代码上我有以下代码：

echo rand();

Answer 1

IE 将缓存 ajax 结果。将其放在 $.get() 调用之前：

$.ajaxSetup({
    cache: false
});

Answer 2

避免方法链中间的换行和注释；最好的情况是它很丑陋，最坏的情况是并不是所有的 js 引擎都能正常工作。另外，您可以将 content 的声明移至外部闭包中，并缓存 $("#success") 的结果。

var refreshId = setInterval(function() {
    var $success = $("#success");
    var content;
    $.get('refresh.php', function(data) {
        content = data;
    }).success(function() {
        if (temp != content) {
            $success.fadeOut(2000, function () {
                $success.html(content).fadeIn(2000); 
            });
            temp = content;
        }
    }).error(function() { $success.html("error"); });
}, 27000);

Answer 3

IE 兑现所有 get 请求，试试这个：

$.get('refresh.php?'+ (new Date().getTime()), function(data) {
    content = data;
    })
...