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

Javascript 在执行ajax更新时使用JQuery更改html链接,javascript,jquery,ajax,Javascript,Jquery,Ajax,我有一个本质上相当于“like”按钮的链接,也就是当你点击它时,应该向服务器发送一条消息来增加页面上的计数器。有内置的小部件吗?或者它是您自己的代码,也就是说,它基本上应该这样做: 将“喜欢”链接切换为“不喜欢” 递增计数器 向服务器发送邮件,告知计数器应递增 若服务器返回错误,则取消增加计数器并将“不象”切换回“象” 您可以按照我刚才创建的小提琴示例操作: 非常简单: 0)设置HTML <div id="comment-123">This is a comment <

我有一个本质上相当于“like”按钮的链接,也就是当你点击它时,应该向服务器发送一条消息来增加页面上的计数器。有内置的小部件吗?或者它是您自己的代码,也就是说,它基本上应该这样做:

  • 将“喜欢”链接切换为“不喜欢”
  • 递增计数器
  • 向服务器发送邮件,告知计数器应递增
  • 若服务器返回错误,则取消增加计数器并将“不象”切换回“象”

您可以按照我刚才创建的小提琴示例操作:

非常简单:

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>
2) 将数据发送到服务器

    $.post('/echo/json/', data, callback, 'json');
3) 服务器回复后,获取新计数器并更新显示(&U)

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

您必须浏览自己的代码,顺便说一句,到目前为止您尝试了什么,将您的代码与具体问题一起发布在您遇到的问题上。@RecoveringSince2003如果jQuery已经有此代码,那么编写代码就没有意义了。这就是我的问题。
function callback(reply) {
    var comment = '#comment-' + reply.commentId;
    $(comment + ' .likeCount').text(reply.likeCount);
    $(comment + ' a').toggle();    
}