在没有ajax的情况下更新数据或在网络选项卡中记录请求 - Websockets

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了在没有ajax的情况下更新数据或在网络选项卡中记录请求 - Websockets相关的知识,希望对你有一定的参考价值。

我发现一个网站正在更新其交易数据,这似乎就像使用AJAX,但在Chrome的网络面板上没有任何类型的请求记录。

见下图 -

Trade table and coin prices are getting updated, but no log

现在再次,从同一会议 -

Trade table and coin prices are getting updated

我的假设是这些价格正在从JSON更新,因为跟踪器API在页脚 - https://koinex.in/api/ticker给出但是没有console.log或网络日志用于这些更新,并且这些速率更新非常快,尝试访问并查看。

有谁知道他们使用什么,他们能够隐藏请求。

注意 - 网站是有角度的,因为它有ng-directives Ref - - https://koinex.in/exchange/ripple

答案

他们正在使用WebSocket刷新数据。检查Developer Console上的WS或WebSocket选项卡。

当您处理快速变化的数据并希望向用户展示时,这是最佳做法之一。

WebSocket是一种先进的技术,可以在用户的​​浏览器和服务器之间打开交互式通信会话。使用此API,您可以将消息发送到服务器并接收事件驱动的响应,而无需轮询服务器以进行回复。 (read more)

另一答案

它是通过websockets完成的。您可以通过在网络选项卡打开时重新加载页面来验证这一点,并且您将注意到状态101列表中的websocket类型条目.list of network如果单击此条目,然后在网络主窗格中单击“框架” ,您将看到正在交换的数据。 enter image description here

以上是关于在没有ajax的情况下更新数据或在网络选项卡中记录请求 - Websockets的主要内容,如果未能解决你的问题,请参考以下文章

更新选择列表而不刷新 [PDO/PHP/AJAX]

可以过滤 chrome devtools 网络选项卡中记录的请求吗?

尝试访问重新加载或刷新或在角度 5 的新选项卡中访问时收到 AccessDenied

使用 popunder 或在新选项卡中打开站点不间断的音乐

如何使用 Ajax 成功在新选项卡中打开 URL?

错误:函数返回 None 或在没有返回语句的情况下结束。但在哪里找不到? [复制]