データベース内のテーブル行削除ページを再ロードせずに

Question

ページをリロードせずにデータベース内の行を削除したい。私は以下のコードを書いた。ページ内の行は削除されますが、データベース内は削除​​されません。これは、接続がajaxにならないことを意味します。 plsヘルプ。

<?php 


$advances_result= mysqli_query($conn, "SELECT * FROM advances") or die("error"); 
?> 

     <table border> 
      <caption>ADVANCES</caption> 
     <tr> 
      <th>Date</th> 
      <th>EmpName</th> 
      <th>EmpCode</th> 
      <th>Amount</th> 
      <th>Comment</th> 
      <th>Action</th> 
     </tr> 

<?php 
while($row = mysqli_fetch_array($advances_result)){ 
?>  
    <tr> 
    <td><?php echo $row['date'];?></td> 
    <td><?php echo $row['empname'];?></td> 
    <td><?php echo $row['empcode'];?></td> 
    <td style='text-align:right'><?php echo $row['amount'];?></td> 
    <td><?php echo $row['comment'];?></td> 
    <td><button class="delete" id="<?php echo $row['id']; ?>" > Delete</button></td> 
    </tr> 


<?php  
} 
?> 
     </table> 

'jqueryの一部'

     <script> 
         $(document).ready(function(){     
         $(".delete").click(function() { 


         if (confirm("Do you want to delete this row?")) 
             { 
              var row = $(this).parents('tr'); 
              var id = row.attr("id"); 
              var data = 'id=' + id ; 

         $.post({ 
          type: "post", 
          url: "deleteadvances.php", 
          data: data, 
          cache: false, 
          success: function(){ 
          row.slideUp('slow', function() {$(row).remove();}); 

          } 
         }); 
         } 
         return false; 
          }); 
         }); 
         </script> 

'deleteadvances.php' のページ：

<?php 
include("connection.php"); 

$id = $_POST['id']; 
mysqli_query($conn,"INSERT INTO advancehistory SELECT * FROM advances WHERE ID='".$id."'"); 
mysqli_query($conn,"DELETE FROM advances WHERE ID='".$id."'"); 



?> 

Answer 1

場合は、deleteadvances.phpにmysqli_queryの出力をテストする必要がありますすべて良い、それはjQuery側で$ .postで簡単に解析できるJSON OKメッセージを示しています。

例：成功した場合は{"deleted":"id"}、エラーの場合は{"error":404}が見つかりませんでした。

Answer 2

私はあなたがjavascriptからajaxに渡しているIDが間違っていると思います。

var data = 'id=' + id; 

はidに 'id ='という文字列を追加していますが、今や最終的に文字列になります。それがajaxに渡されているときには、値があり、[key、value]のペアではありません。だから、PHPでアクセスしているときに間違ったidやNull値を取得します。

試してみてください。

$.post({ 
    type: "post", 
    url: "deleteadvances.php", 
    datatype : 'json', 
    data: { 
     id : id 
    }, 
    cache: false, 
    contentType : 'application/x-www-form-urlencoded; charset=utf-8' 
});