使用jQuery來更改html鏈接，同時做Ajax更新

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），得到新的計數器，&更新顯示

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