データベースの行を更新して再読み込みせずに表示

Question

データベースの行を更新し、ページを再読み込みせずに変更を表示する必要があります。

これは私が情報を表示するために、現在使用しているものである：

<?php 
$limit = 'LIMIT ' .($pageno - 1) * $rows_per_page .',' .$rows_per_page; 
$query = "SELECT * FROM craffyposts ORDER by time DESC $limit"; 
$result = mysql_query($query) or die(mysql_error()); 
while ($row = mysql_fetch_assoc($result)) { 
echo $row['like']; // This is what needs to be changed when database is updated.  
?> 
<a href="like.php?id=<?php echo $row['id']; ?>" title="Like"></a> 
<?php 
}; 
?> 

like.php：

<?php 
$cid = $_GET['id']; 
database_connect(); 
$query2 = "SELECT * FROM craffyposts WHERE id = '".$cid."'"; 
$result2 = mysql_query($query2) or die(mysql_error()); 
while ($row2 = mysql_fetch_assoc($result2)) { 
    $lk = $row2['like']; 
}; 
$nlk = $lk + "1"; 
mysql_query("UPDATE craffyposts SET `like` = '".$nlk."' WHERE id = '".$cid."'") or die(mysql_error()); 
echo "<script type='text/javascript'>window.location='index.php';</script>"; 
?> 

任意のヘルプ？

Answer 1

ページをリロードしないでください。サーバーから新しいデータをフェッチするには、クライアント側の要求を使用する必要があります。最も一般的なのはJavaScript's AJAXです。 AJAXを使用してサーバーからデータを取得し（おそらくJSONなどの一部の構文解析済みのフォーマット）、JavaScriptを使用してページにデータを読み込みます。

Answer 2

JavaScript（またはJSフレームワーク、私はjQueryが好ましい）を使用し、Ajax-Methodsを使用してデータを表示します。