【问题标题】:Javascript auto update page?Javascript自动更新页面?
【发布时间】:2012-04-03 18:23:39
【问题描述】:

任何人都可以给我一个方向,我想知道如何自动更新页面,如 facebook 有新的状态更新,新的喜欢等。即,如果你有一个在窗口中打开的状态并且用户点击“喜欢” ",+1 赞会自动出现。

提前致谢。

【问题讨论】:

  • 您的问题真的很模糊...作为一般指针,您可以在 javascript 中使用调解器模式来发布事件和订阅它们。然后,使用 ajax 获取新内容并再次使用 javascript 更新 DOM。

标签: javascript ajax auto-update


【解决方案1】:

这些都是使用 PUSH 模型完成的(订阅/发布)。

客户端首先通过发出 AJAX 请求进行订阅。此 AJAX 请求无限期地保持活动状态。当服务器收到新的点赞/评论时,它会将此更新发布到客户端,从而结束 AJAX 请求。客户端收到此更新并立即发出另一个 AJAX 请求。

大致归类为Comet

以前,我实现了一个 Comet 网络聊天应用程序,并写了一篇关于它的技术性文章。如果有兴趣,你可以在这里阅读。

Comet Web Chat Application

编辑:

心跳机制(PULL 模型)肯定更容易实现,但 PUSH 模型的效率要高得多。

【讨论】:

  • 为了便于实施,请在 .net 或 socket.io 中签出 SignalR 以及其他所有内容!
【解决方案2】:

您需要使用 ajax,这是一种无需重新加载网页即可与数据库通信的方式:例如,您可以使用 $ajax jQuery框架功能:here's the doc

【讨论】:

    【解决方案3】:

    我没有发布代码,但这里是您可能想要做的快速概述:

    1. 拥有“喜欢”的图片
    2. 创建一个将点击处理程序绑定到图像的脚本。
    3. 点击后,脚本会向服务器发送一个 AJAX 请求以增加点赞数
    4. 如果该请求成功,则向脚本返回数据,表明它是成功的。您可能还想返回喜欢的次数等等。
    5. 一旦脚本知道成功,让它改变你的“喜欢”形象。

    至于点赞数,由你决定。对于一个非常广泛的问题,这是一个广泛的答案,可以为您指明正确的道路。

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 2019-11-23
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多