在不使用帧/ iframe的情况下避免内容重新加载

Question

有很多理由希望避免（通常是帧），但最佳选择是什么？ （这里的意图是避免整页重新加载）。例如，Facebook似乎保留了其顶部栏和侧边菜单（大部分），并且整页重新加载非常罕见。

寻找解释不知道如何使用搜索字词使我没有洞察力，所以我认为最好在这里提出的问题。这是所有的Ajax，还是有更多的呢？

Answer 1

AJAX

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

在jQuery一个非常基本的实施将看起来像：

功能updateShouts（）{// 假设我们有#shoutbox $（ '＃在线留言板'）的负载（ 'latestShouts.php'）; } setInterval（“updateShouts（）”，10000）;

这将更新每隔10秒用id“shoutbox”的div，无论从latestShouts.php中检索到什么内容。

更高级的实现将涉及以JSON或XML格式仅检索数据（不是演示文稿），然后使用接收到的数据更新现有的HTML值。

的WebSockets

最近，浏览器已经开始支持一种叫做WebSockets。 WebSockets允许您在浏览器和服务器之间保持双向连接，并且允许服务器将信息推送到浏览器，而无需浏览器请求。

这在很多方面都更有效率;主要原因是您不必每隔x秒浪费一次服务器电话来检查数据是否存在。 WebSockets允许您几乎在可用时立即显示来自服务器的信息。

我希望能帮到..

干杯！

Answer 2

使用ajax注入部分内容是最好也是最简单的赌注 - 我也推荐jquery。