AJAX长轮询不适用于IE

时间:2012-12-21 15:44:37

标签: php javascript jquery ajax long-polling

我似乎遇到了长轮询和IE的问题。这是我第一次涉足长期投票,因此我设置了一个简单的测试,看看我是否可以使它工作。它似乎与FF和Chrome表现得很好,但我在IE上得到了不同的结果。

首先,这里有一些代码:

HTML /使用Javascript:

<!DOCTYPE HTML>
<html>
<head>
<meta charset="utf-8">
<title>Untitled Document</title>
<script type="text/javascript" src="js/jquery-1.8.3.min.js"></script>
<script type="text/javascript" src="js/jquery-ui-1.9.2.min.js"></script>
<script type="text/javascript">
//<![CDATA[
$(document).ready(function()
{
    (function poll()
    {
        $.ajax({
            url: 'events/alert-data.php',
            success: function (e)
            {
                $('#results').append($('<div>Success: ' + e.text + '</div>').fadeIn(1000));
            },
            error: function (e)
            {
                console.log(e);
            },
            dataType: 'json',
            complete: poll,
            timeout: 10000
        });
    })();
});
//]]>
</script>
</head>

<body>
<div id="results">hello</div>
</body>
</html>

PHP:

<?php

$time = time();

while (time() - $time < 5) { }

echo json_encode(array('text' => time()));

?>

在FF / Chrome中,我看到了预期的数据:

hello
Success: 1356104196
Success: 1356104201
Success: 1356104217
Success: 1356104222
Success: 1356104227

但是在IE中它无限重复第一个Success行。至少我认为它是无限的,因为它锁定了浏览器并且不允许我滚动。

我不确定我做错了什么。任何帮助将不胜感激。

提前致谢。

1 个答案:

答案 0 :(得分:3)

IE的问题似乎是缓存的结果,可能是IE本身。这可能发生在任何浏览器中。

尝试添加:

cache: false 

到ajax选项。