好きなボタン動的に名前を変更する

Question

各投稿ページに「好き」のボタンがあります。投稿が好きだったかどうかを確認してボタンの名前を変更します。たとえば、「好き」、そうでない場合はボタンをクリックしますバックグラウンドで、私は非常にJavaScriptの浅い知識を持っているが、私はそれのためにajaxが必要です知っている。投稿が既に好きであったり、好きに変更されたときにjson { "favorite": 1}を返す小さなスクリプトをphp/mysqlに設定しました。その自然状態は{ "favorite": 0}です。

投稿はサイトにしかログインできないため、 がセッション、及びが

例POST方法を使用して送信されるポストのIDによって設定されたユーザID：

<a href="site.com/post/like"> Favorite </a> 

...私の悪い英語のため申し訳ありません

Answer 1

1. は、私は、ステータスが$のお気に入りのVAR <a id="1234" href="site.com/post/like"
class="like <?PHP echo $favorite?"liked":""; ?>">Favorite</a>

2. コールであると仮定していますサーバー上のステータスを設定しましたクリックした

このように

$(function() { 
    $(".like").on("click",function() { 
    $.post("likeornot.php?id="+this.id,function(data) { 
     $(this).toggleClass("liked",data.favorite==1); 
     // you can set the html of the link here too 
    }); 
});