个人中心
gpt4 book ai didi

javascript - 如何在 Edge 中实现基于 AJAX 的长轮询？

转载 作者：行者123 更新时间：2023-11-28 04:23:03 25 4
gpt4 key购买 nike

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

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

IIFE
Setting up polling
>> Polling
<< Polling

就是这样。在 Chrome 上，最后两行无限重复。

更新:我将代码和服务器从我的电脑移至开发服务器上。在此环境中，代码可以在 Chrome 和 Edge 上运行。我可以在 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);
});

关于这个主题有很多类似的问题，我听从了他们的建议，但没有成功。具体来说: (a) 确保 IE 的缓存已关闭； (b) 对 setTimeout() 使用正确的形式。

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

(注:最初我的问题是我无法在 IE 中使用它。我发现我无意中使用了古老版本的 jQuery。从 Google CDN 切换到最新版本后，IE 中的情况就正常了。)

最佳答案

根据一位同事的建议，我将应用程序和网页移至开发服务器，即。远离我的电脑和带有 localhost 的 URL。你瞧，轮询代码在 Edge(和 Chrome 等)下运行得很好。

看来我的电脑上的 Edge 与本地主机存在问题。我在这些知识的基础上尝试了一些方法，但我一直无法找出根本原因。

但是，问题中的代码似乎还是没问题。

关于javascript - 如何在 Edge 中实现基于 AJAX 的长轮询？，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/45294963/

25 4 0
文章推荐： javascript - 如果单击按钮时某个数组与另一个数组没有匹配的值，则隐藏数据
文章推荐： javascript - Cloudinary OpenUpload 小部件未在我的 js 中打开
文章推荐： javascript - AJAX 中的 event.target
文章推荐： javascript - href 链接并在同一输入文本中进行编辑
行者123
个人简介

我是一名优秀的程序员,十分优秀！

滴滴打车优惠券免费领取
滴滴打车优惠券
全站热门文章
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com