jQuery 类似 Facebook 的评论系统

Posted

技术标签:

【中文标题】jQuery 类似 Facebook 的评论系统【英文标题】:jQuery Facebook-like comment system 【发布时间】:2013-01-22 23:24:43 【问题描述】:

我在这里开发了一个 jQuery 评论系统:http://jsfiddle.net/CKqWz/,代码如下:

$(document).ready(function () 
    $("#commentlink1").click(function () 
        $("#commentbox1").toggle("slow");
    );
    $("#commentlink2").click(function () 
        $("#commentbox2").toggle("slow");
    );
);

$(document).ready(function() 
        $("#post_box").click(function() 
        $('#post_btn').show('slow');
    );

        $("#post_box").blur(function() 
        $('#post_btn').hide('slow');
    );
);

我想知道一旦用户单击评论按钮,我该如何让消息和 cmets “粘贴”。

“坚持”是指使用新消息或评论即时更新页面,并允许用户根据需要编写另一条消息或评论。希望这是有道理的——我正在尝试开发类似于 Facebook 评论系统的东西。

我需要以此作为开发 AJAX 的基础,该 AJAX 会将这些信息发送到数据库。

【问题讨论】:

【参考方案1】:

要实时更新页面或页面的一部分,您必须使用"Comet" technology,例如带有脚本标签注入的forever-iframe、服务器的长轮询、服务器的JSON轮询等。

另外html5 WebSockets 是一个较新的选项。

无论哪种方式,您都必须退回到长轮询或 JSON 轮询,以防万一。

例如,Socket.io for Node.js 会自动执行此操作。

【讨论】:

以上是关于jQuery 类似 Facebook 的评论系统的主要内容,如果未能解决你的问题,请参考以下文章

Facebook 社交插件和 jQuery 问题

django jquery 评论表单发布太多次

多个 Facebook 评论实例

使用 Facebook 评论插件的应用评论在刷新后消失

在本地测试 Facebook 评论插件

在“灯箱”中添加 Facebook 评论