我似乎遇到了长轮询和 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
Success
但在 IE 中,它会无限重复第一行。至少我认为它是无限的,因为它会锁定浏览器并且不允许我滚动。
我不确定我做错了什么。任何帮助将非常感激。
提前致谢。