Ajax/jQuery評論系統

Question

使用Ajax和JQuery構建評論系統，我希望在添加評論後重新加載評論。它帖子很好。這是我迄今爲止所擁有的。

功能getComments查詢數據庫，並生成HTML

$.ajax({ 
type: "POST", 
url: "post_comment.php", 
data: dataString, 
cache: false, 
success: function(html){ 

????????? What should go here... it is a div with id#commentBody 

} 

<div id="commentBody"> 
    <ul> 
    <?php 
     $q = "SELECT * FROM comment WHERE parent_id = 0 AND idpost = $postID"; 
     $r = mysql_query($q); 
     while($row = mysql_fetch_assoc($r)): 
      getComments($row,$postID,$custID); 
     endwhile; 
    ?> 
    </ul> 
</div> 

Answer 1

當你將它張貼，你應該從你的服務器端腳本返回你想要的數據。然後你可以使用.html() jQuery函數來更新你的div。

因此，像：

$('#commentBody').html(html); 

你也可以只返回最新評論（任選地作爲一個JSON對象），然後只用了.append()方法將它添加到您的#commentBody。

我會創建一個具有status屬性和data屬性的JSON對象。當status爲-1（或其他）時，添加註釋時出錯，您可以在data屬性中輸入消息。當status爲0時，它成功並且最新的評論信息將在data屬性中可用。

例

PHP

//Check postback variables, add comment and retrieve 
// comment information (such as ID) if necessary 
if (postedsuccessfully) { 
    $ary = array("status" => 0, 
       "data" => array("id" => $commentidvar, 
           "user" => $commentuser, 
           "text" => $comment) 
       ); 
    echo json_encode($ary); 
} else { 
    $ary = array("status" => -1, 
       "data" => "There was a problem adding your comment."); 
    echo json_encode($ary); 
} 

的JavaScript

success: function(json){ 
    if (json.status == 0) { 
     $mydiv = $('<div>');//construct your comment div using json.data.id, 
          //json.data.user, and json.data.text 
     $('#commentBody').append($mydiv); 
    } else { 
     alert(json.data); 
    } 
} 

Answer 2

既然你重新生成整個DIV我會用replaceWith。

$('#commentBody').replaceWith(html);