javascript - 避免在不使用框架/iframe 的情况下重新加载内容

Question

有很多理由想要避免 <iframe> s(实际上是一般的框架)，但是最好的选择是什么？ (此处的目的是避免整页重新加载)。

例如，Facebook 似乎(在大多数情况下)保持其顶部栏和侧菜单完好无损，并且整个页面重新加载的情况极其罕见。

在不知道使用什么作为搜索词的情况下搜索解释让我缺乏洞察力，所以我认为最好在这里提出这个问题。这就是 Ajax 的全部吗？还是还有更多内容？

Answer 1

AJAX

更传统的方法是“AJAX”。简而言之，您的 JavaScript 代码可以在某个时间(每 x 秒)或在发生用户事件(例如单击按钮)时从服务器请求特定内容。

jQuery 中的一个非常基本的实现看起来像:

函数 updateShouts(){ //假设我们有#shoutbox $('#shoutbox').load('latestShouts.php');}setInterval( "updateShouts()", 10000 );

这将每 10 秒更新一个 ID 为“shoutbox”的 div，其中包含从latestShouts.php 检索到的任何内容。

更高级的实现将涉及仅检索 JSON 或 XML 等格式的数据(而不是表示形式)，然后使用收到的数据更新现有的 HTML 值。

WebSocket

最近，浏览器开始支持名为 WebSockets 的功能。 。 WebSocket 允许您在浏览器和服务器之间保持双向连接打开，并且允许服务器将信息推送到浏览器，而无需浏览器请求。

这在很多方面都更加高效；主要原因是您不必每 x 秒浪费一次服务器调用来检查数据是否存在。 WebSocket 允许您在服务器可用时立即显示信息。

希望有帮助..

干杯!