使用AJAX和JS動態刪除MySQL數據

Question

嗨，我正在嘗試使用JS和AJAX動態刪除數據庫條目，而不刷新整個頁面。 這是我的data.php文件：

<?php
require_once('db.php');

if (isset($_GET['list'])) {
   $query = "SELECT * FROM message";
   mysql_query("SET NAMES 'UTF8'");
   $qq=mysql_query($query);
   $i = 1;
   echo '<div id="rezult">';

while($ff = mysql_fetch_array($qq)){
echo '<div id="id'.$ff['id'].'">'.$i++.'. Name: '.$ff['name'].' Message:'.$ff['message'].'</div>';
}
echo '</div>';
}
?>

通過此代碼，我將從mysql表中檢索數據：

index.php

  function list() { 
$.get('data.php?list=1', function(o) {
            $('#list').html(o);
            });
}

如何在不刷新頁面的情況下動態刪除所需條目？ 試圖在下面將此代碼添加為該條目的鏈接，但它被切斷了javascript:$.post(這樣。 <a href="javascript:$.post('delete_post.php', { id: '$ff[id]' } );" class='delete_post' title='delete post'>delete post</a>

感謝您的建議

Answer 1

小心！如果有人調用您的php文件data.php？list = ANYNUMBER，他將能夠刪除任何行，請確保您使用的是安全工具來避免這種情況。如果您使用的是Ajax和Jquery，我認為它將容易些。

嘗試這樣的事情：

$.ajax({
  type: "POST",
  url: "list.php",
  data: { list: "1", session_id: session_ID }
}).done(function( msg ) {
  alert( "Data deleted: " + msg );
});

其中session_id是該字段的值（在您的示例中為1），session_id是當某人進入您的頁面時，給他分配了SESSION_ID，當他單擊刪除按鈕后，您將比較您分配的會話ID是否等於服務器上的session_id（避免讓其他站點的人來調用list.php）。 如果來自ajax的session_id等於服務器上的session session_id，則允許刪除，請查看以下內容： PHP會話安全性