快速、非 ajax（我猜）更新信息

Posted 2023-02-16

【中文标题】快速、非 ajax（我猜）更新信息

【英文标题】：Fast, non-ajax (I guess) updating information

【发布时间】：2013-05-14 09:23:25

【问题描述】：

我很期待知道他们是如何做到这一点的。他们在几毫秒内更新了他们的信息，我在我的萤火虫控制台上看不到 AJAX 请求。

这里是页面：Económico

正如您在下面这两张图片中看到的，这是他们正在更新的信息。

感谢您的帮助，期待扩展我的知识！

【问题讨论】：

我在我的 chrome->网络标签中看到了 xhr 流媒体

我在 chrome 中看到了 websockets

【参考方案1】：

他们正在使用websockets提出请求

例如

Request URL:ws://ortc-prd2-useast1-s0002.realtime.co/broadcast/444/m38tirp9/websocket
Request Method:GET

响应在框架中

所以不是你常用的东西，你用的是什么萤火虫？它可能不会在控制台中报告，而是在“网络”选项卡中。

【讨论】：

嗯，我想我得看看 websockets 了！感谢您的链接。我正在使用 Firebug 1.11.3 :)

在查看了你给我的链接之后，你会建议什么 php 框架？或者你会建议其他与 PHP 兼容的东西吗？谢谢:)

您将需要一个 websocket 服务器，您可以使用 php、node、js 和其他一些服务器。然后与之通信，它纯粹是前端（html5/javascript）。看看这个 - net.tutsplus.com/tutorials/javascript-ajax/…

在谷歌上搜索“带有 http 后备的 websockets”，例如code.google.com/p/jquery-graceful-websocket

非常感谢您的帮助！我会阅读你给我的有用信息！！

【参考方案2】：

这是使用WebSocket 完成的。

查看 chrome 开发工具中的网络选项卡，您会看到它。

【讨论】：

嗯，我想我得看看 websockets 了！感谢您的链接。

您只会在 firebug/chrome 开发工具中看到 ws:// 链接 - 之后（一旦建立 websocket 连接）您需要像 wireshark 这样的嗅探器。

【参考方案3】：

他们正在使用我工作的 Realtime.co。这是一个成熟的实时通信平台，可以为您处理所有令人讨厌的事情：可扩展性、安全性和浏览器不支持 websocket 时的自动回退。

您可以在 Realtime.co 获得自己的免费帐户并尝试一下。您很快就会开始开发自己的酷炫实时应用程序。