如何让基于 AJAX 的长轮询在 Edge 中工作?



我正在尝试让一个非常基本的长轮询框架跨浏览器工作。我的解决方案在 Chrome 中运行良好,但我无法让它在 Edge 中工作。

在 Edge 中,页面加载时没有我可以看到的错误(Edge 中的 F12(。但是,服务器不会收到任何请求(与 Chrome 不同(。浏览器开发人员工具的网络选项卡上显示的唯一流量是jQuery本身的下载。我可以直接浏览到我想轮询的 URL 并获得结果。我添加了一些控制台日志记录,这是我在 Edge 中看到的:

IIFE
Setting up polling
>> Polling
<< Polling

仅此而已。在Chrome上,最后两行无限重复。

更新:我将代码和服务器从我的 PC 移动到开发服务器上。在这种环境中,代码适用于ChromeEdge。我可以在 Edge 中看到网络流量并得到服务器的响应。因此,问题似乎与我的本地环境有关,而不是JavaScript本身。

这是我的基本代码:

index.html:

<!DOCTYPE html>
<html>
<head>
<title>AJAX Polling Exploration</title>
<script type="text/javascript" src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script type="text/javascript" src="poll.js"></script>
</head>
<body>
<div id="wrapper">
...
</div>
</body>
</html>

poll.js:

$(function() {
console.log('IIFE');
// Make sure caching is off as many suggest this is required for IE
$.ajaxSetup ({
cache: false
});
function polling() {
console.log('>> polling');
$.ajax({
type: 'GET',
url:  'http://localhost:8080/result',
cache: false,
data: { name: 'Test', date: new Date().getTime() }, // Make sure the payload varies - caching again
success: function(data, textStatus, jqXHR) {
// Take action ...
//setTimeout(polling, 2000); // Apparently this is no good for IE
setTimeout(function(){ polling(); }, 2000);
}
});
console.log('<< polling');
}
//polling();
console.log('Setting up polling');
setTimeout(function(){ polling(); }, 2000);
});

关于这个话题,SO有很多类似的问题,我听从了他们的建议,但无济于事。具体来说:(a( 确保 IE 的缓存已关闭;以及 (b( 使用正确的setTimeout()形式。

这应该是无关紧要的,但以防万一,localhost:8080的应用程序基于 Spring 并在 Tomcat 下运行。

(注意:最初我的问题说我无法让它在IE中工作。我发现我无意中使用了旧版本的jQuery。从谷歌CDN切换到最新的CDN可以让IE的事情顺利进行。

在一位同事的建议下,我将应用程序和网页移动到开发服务器,即远离我的 PC 和带有本地主机的 URL。你瞧,轮询代码在Edge(和Chrome等人(下运行良好。

因此,我的PC上的Edge似乎与本地主机有问题。根据这些知识,我已经尝试了一些事情,但我无法找出根本原因。

但是,问题中的代码似乎毕竟很好。

最新更新