データがデータベースに挿入されていませんが、PHPとAjaxを使用して取得が正常に動作していますか？

Question

私が質問する前に、私はAjaxとJqueryのルーキーであることを明確にしたいので、疑問が非常に小さいかケーキの場合は、私を助けてください。申し訳ありません。

私はAjaxとPHPを使用して自分のEコマースのレビューシステムを作成しようとしています。問題は、データがデータベースに挿入されていないことですが、データベースに手動でデータを挿入すると、私のサイトに完全に表示されます。変数のレビューやuser_reviewに問題があると思われますが、それが何であるか。だから、私が間違いを犯した場所を教えてください。

<div role="tabpanel" class="tab-pane" id="reviews"> 
    <h4>Write your Review</h4> 
    <form action="" method="post" onsubmit="return post();"> 
     <textarea id="review" class="reviewbox" placeholder="Write Your Review Here....."></textarea> 
     <button type="submit" class="btn">Submit</button> 
    </form> 
    <div id="all_reviews"> 
     <?php 
          $query = $pdo->prepare("SELECT * FROM reviews WHERE product_id=?"); 
          $query -> bindValue(1, $id); 
          $query->execute(); 
          while ($row = $query->fetch(PDO::FETCH_ASSOC)) 
          { 
           $name = $row['user_name']; 
           $text = $row['review_text']; 
           $time = $row['post_time']; 
         ?> 
      <h5>By <?php echo $name; ?></h5> 
      <p><i>posted on <?php echo $time; ?></i></p> 
      <p> 
       <?php echo $text; ?> 
      </p> 
      <hr> 
      <?php 
          } 
         ?> 
    </div> 
    <script type="text/javascript" src="jquery.js"> 
    < script type = "text/javascript" > 
     function post() { 
      var review = document.getElementById("review").value; 
      if (review) { 
       $.ajax({ 
        type: 'POST', 
        url: 'post_reviews.php', 
        data: { 
         user_review: review 
        }, 
        success: function(response) { 
         document.getElementById("all_reviews").innerHTML = response + document.getElementById("all_reviews").innerHTML; 
         document.getElementById("review").value = ""; 
        } 
       }); 
      } 
      return false; 
     } 
    </script> 
</div> 

これは私のpost_reviews.phpです：

<?php 
    session_start(); 
    require('includes/product.php'); 
    require('includes/connect.php'); 
    $product = new Product;   
    if(isset ($_GET['id'])) { 
     $id = $_GET['id']; 
     $data = $product -> fetch_data($id);  

     if(isset($_POST['user_review'])){ 
      $review=$_POST['user_review']; 
      if (isset($_SESSION['logged_in'])) { 
       $query = $pdo -> prepare("INSERT INTO reviews(product_id,user_name,review_text) VALUES (?,?,?)"); 
       $query -> bindValue(1, $id); 
       $query -> bindValue(2, $_SESSION['name']); 
       $query -> bindValue(3,$review); 
       $query ->execute(); 
      } 
      else{ 
       $review_msg="Please login to post your review"; 
      } 
      $query = $pdo->prepare("SELECT * FROM reviews WHERE product_id=?"); 
      $query -> bindValue(1, $id); 
      $query->execute(); 
      while ($row = $query->fetch(PDO::FETCH_ASSOC)){ 
       $name = $row['user_name']; 
       $text = $row['review_text']; 
       $time = $row['post_time']; 
?> 
       <?php if(isset($review_msg)){ ?> 
        <small style = "color : #aa0000"; ><?php echo $review_msg ?></small> 
        <br><br> 
       <?php } ?> 
       <h5>By <?php echo $name; ?></h5> 
       <p><i>posted on <?php echo $time; ?></i></p> 
       <p><?php echo $text; ?></p> 
       <hr> 
<?php 
      } 
     } 
     exit; 
    } 
?> 

Answer 1

あなたのスクリプトコードを実行した間違いがある

<script type="text/javascript" src="jquery.js"></script> 

に

<script type="text/javascript" src="jquery.js"> 

を閉じていないがありますあなたのアヤックスの理由うまくいきません。

Answer 2

まず、あなたのAjaxは、ボタンでの作業かを確認

Answer 3

するvar見直し=のdocument.getElementById（ "レビュー"）をクリックし、値。

$.ajax({ 
    type: "POST", 
    url: "post_reviews.php", 
    data: review, 
    cache: false, 
    dataType: 'json', 
    success: function(response){ 
     document.getElementById("all_reviews").innerHTML = response + document.getElementById("all_reviews").innerHTML; 
     document.getElementById("review").value = ""; 
    } 


}); 

return false; 

Answer 4

ここでわかります。フォームを送信しています。

<form action="" method="post" onsubmit="return post();"> 
     <textarea id="review" class="reviewbox" placeholder="Write Your Review 
     Here....."></textarea> 
     <button type="submit" class="btn">Submit</button> 
</form> 

これでフォームを交換してみてください。

<form action="" method="post"> 
    <textarea id="review" class="reviewbox" placeholder="Write Your Review 
      Here....."></textarea> 
    <button type="button" onclick="post()" class="btn">Submit</button> 
</form> 

ボタンタイプは、それがフォームを送信しません「ボタン」である場合。これをクリックすると、関数が呼び出され、ajax呼び出しが実行されます。