Question

我本质上相当于一个“喜欢”按钮，也就是说，当你点击它时，应该发送一条消息给服务器，以增加页面上的计数器。是否有内置的小部件？或者它是你自己的代码，即基本上应该这样做：

切换“赞”链接说“不喜欢”
增加柜台。
POST到服务器，说计数器应该递增。
如果服务器返回错误，请取消计算器并将“不同”切换回类似。

Answer 1

您可以按照我刚刚创建的这个示例小提琴：http://jsfiddle.net/jxc876/yGCTH/

非常简单：

0）设置HTML

<div id="comment-123">This is a comment
    <div class="likeCount">0 likes</div> 
     <a href="#" class="like">+like</a>
    <a href="#" class="dislike">-dislike</a>
</div>

1）在链接上注册一个功能

$('.like').click(doLike);

2）将数据发送到服务器

    $.post('/echo/json/', data, callback, 'json');

3）服务器回复后，获取新计数器＆amp;更新显示

function callback(reply) {
    var comment = '#comment-' + reply.commentId;
    $(comment + ' .likeCount').text(reply.likeCount);
    $(comment + ' a').toggle();    
}

在执行ajax更新时使用JQuery来改变html链接

1 个答案: