在使用AJAX和PHP的帖子評論系統

Question

這是我的代碼，我通過comment和帖子ID（隱藏輸入標籤）到另一個php文件comments.php應該插入到數據庫並顯示結果，但它沒有發生。

這是我的形式 - 在回聲報碼一部分......我有每個職位相關的自動遞增pid所以對於每一個評論，在comment和pid被存儲在數據庫中：

<form method=\"POST\" onSubmit=\"comment(); return false;\"> 
    <input id=\"comment\" type=\"text\" placeholder=\"Add Comment...\" name=\"comment\"> 
    <input type=\"hidden\" name=\"pid\" value=\"".$row['pid']."\"> 
    <div class=\"z\"><input type=\"submit\" name=\"submit\" ></div> 
</form> 

JavaScript - 使用onsubmit針對每個帖子的評論表單調用函數comment()。

function comment() { 
    jQuery.ajax({ 
     url: "comments.php", 
     data: $('form').serialize(), 
     type: "POST", 
     success:function(data){ 
      $("#".$row['pid']).html(data); 
     }, 
     error:function(){ 
     } 
    }); 
} 

這是comments.php代碼：

<?php 
    session_start(); 
    include 'db.php'; 

    $j =$_POST['comment']; 
    $k = $_POST['pid']; 
    $l =$_SESSION['uname']; 

    $sql = "INSERT INTO comments (pid,name,comment) values  ('$k','$l','$j')"; 
    $r = $conn->prepare($sql); 
    $r->execute(); 
    if($r) { 
     echo '<div class="comment"> 
        <a class="avatar"> 
         <img style="height:30px;"src="zmf.jpg"> 
        </a> 
        <div class="content"> 
         <a class="author">'.$l.'</a> 
         <div class="metadata"> 
          <span class="date">Today at 5:42PM</span> 
         </div> 
         <div class="text">'; 
          echo $j.'</div> 
         <div class="actions"> 

         </div> 
        </div> 
       </div> 
      '; 
    } 
?> 

什麼comments.php應該返回將在div顯示在index.php具有已被指定在index.php中每個崗位的id = #postid：

<div id=\"".$row['pid']."\"> 
</div> 

index.php對於每個po都有這樣的div st所以發表評論的帖子，評論將顯示在每個帖子下方的div。任何幫助，將不勝感激。

我運行兩個while循環來顯示每個帖子的所有previuos評論像這樣。 第一個循環顯示帖子和一個嵌套的while循環，每個帖子顯示每個帖子的評論。每個帖子在while循環中的評論表單以及具有id = postid的div以顯示ajax結果。

$q = $conn->prepare("SELECT * FROM posts ORDER BY pid DESC"); 
    $q->execute(); 

     while($row = $q->fetch(PDO::FETCH_ASSOC)) { 
#my post in div 
#comment form 
    <form method=\"POST\" onsubmit=\"comment()\"> 
    <input id=\"comment\" type=\"text\" placeholder=\"Add Comment...\" name=\"comment\"> 
    <input type=\"hidden\" name=\"pid\" value=\"".$row['pid']."\"> 
    <div class=\"z\"><input type=\"submit\" name=\"submit\" ></div> 
</form> 
     #div where recent comment is shown using ajax 
    <div id=\"".$row['pid']."\"> 
     </div> 

#nested while loop for comments 

$zmf = "SELECT * FROM comments WHERE pid = '" . $row['pid'] . "' ORDER BY      comid DESC"; 
    $zed = $conn->prepare($zmf); 
    $zed->execute(); 
     $run = $zed->fetch(); 
    while($run = $zed->fetch()) 
    { 
    my div code and all..for comments 
    } 

    } 

每一個崗位都有一個id PID .. 但其NT工作..plz幫助

Answer 1

你在頁面上的多個元素<form>？如果是這樣，請嘗試將$('form').serialize()更改爲$(this).serialize()。

你能提供更多關於你得到的結果的信息嗎？你在數據庫中看到任何條目嗎？在ajax請求之後，您在div中看到的輸出是什麼？

您使用的是PDO嗎？爲您的if($r)支票添加其他條件並添加print_r($r->errorInfo())。嘗試在Firefox中的Chrome/Firebug中啓用開發人員工具面板，並檢查ajax（XHR）請求的結果。如果sql查詢失敗，可能會引發PDOException。確保XHR請求返回200 OK http狀態。

嘗試下面的代碼，並張貼輸出

<?php 
session_start(); 
include 'db.php'; 

$j = $_POST['comment']; 
$k = $_POST['pid']; 
$l = $_SESSION['uname']; 

$sql = "INSERT INTO comments (pid,name,comment) values  ('$k','$l','$j')"; 

print_r($_POST); 

try { 
    $r = $conn->prepare($sql); 
    $r->execute(); 
    if ($r) { 
     echo '<div class="comment"> 
        <a class="avatar"> 
         <img style="height:30px;"src="zmf.jpg"> 
        </a> 
        <div class="content"> 
         <a class="author">' . $l . '</a> 
         <div class="metadata"> 
          <span class="date">Today at 5:42PM</span> 
         </div> 
         <div class="text">' . $j . '</div> 
         <div class="actions"> 

         </div> 
        </div> 
       </div> 
      '; 
    } else { 
     print_r($r->errorInfo()); 
    } 
} catch (\Exception $e) { 
    print_r($e); 
}