jQueryUIのダイアログボックスウィジェットでMySQLの行を更新するjQueryとajax

Question

誰もがこの質問で私を宇宙に爆破する前に（これまでの類似のタイトルの質問を読んだことがあります）、ここに私がいます。

私はjQueryUIを自分のWebアプリケーションに大きく統合しました。使用するウィジェットの1つはダイアログボックスです。ユーザーがボタン（セレクター）をクリックすると、彼の友達のリストがポップアウトされます。すべての友人の横にが行くボタンDELETEです：

<form method="post" action="togglefriend.php"> 
<input type="hidden" value="<?=$uid;?>" name="uid" /> 
<input type="hidden" value="<?=$fid;?>" name="fid" /> 
<input type="hidden" value="action" name="delete" /> 
<input type="submit" value="Delete" /> 
</form> 

togglefriend.phpを行うと衛生後に更新：

mysql_query("UPDATE friends SET isapproved='0' WHERE uid='$uid' AND fid='$fid'"); 

この方法は、当然のことながら、ダイアログボックスウィジェットを終了し、ユーザーを示していtogglefriend.php（またはリダイレクト先のページ）の結果。 私はユーザーがダイアログボックスウィジェットを終了する必要がないという考え方が好きです。これは、MySQLデータベースを更新する必要があります。同時に、ダイアログボックスが表示されているdivからその特定の友人の<tr></tr>全体を削除します。

私はjQueryのajax()とpost()方法について少し知っている（私はダイアログボックスの内容を取得するためにpost()とload()を使用）が、この1つだけに回避策を考えることができませんでした。誰かがおそらく例を提供したり、私が最も簡単なことを学ぶことができる方向に向けることができたら（私が読んだドキュメントは、私のような初心者のためにはあまりにも多い）、それは大いに感謝されます。

Answer 1

何かこれはうまくいくはずです。

$.ajax({ 
    type: 'POST', 
    url: 'togglefriend.php', 
    data: 'uid=888&fid=999', 
    success: function() { 
     $('#friend-999').hide(); //assuming you give each <tr> a unique ID. 
    }); 
});