0

我有一个动态表，其中列出了我的 MySQL 表中的一些项目，就像这样：

   <?php
   $output='';
   $sql1=mysql_query("SELECT * FROM table1 ORDER BY item")or die(mysql_error());
   $sql1n=mysql_num_rows($sql1);
   if($sql1n>=1){
      while($row=mysql_fetch_array($sql1)){
          $item_num=$row['item_num'];
          $item_category=$row['item_category'];
          $item_name=$row['item_name'];

          output .='<tr>';
          output .='<td>'.$item_num.'</td>';
          output .='<td>'.$item_category.'</td>';
          output .='<td>'.$item_name.'</td>';
          output .='<td><a href="#">Delete</a></td>';
          output .='</tr>';
    }else{
          output .='Items not found!";
    }
    ?>

现在我有了我的 HTML 页面

    <body>
          <table width="100%"  id="panel" border="0" cellspacing="0" cellpadding="3" class="table2">
         <tr>
            <td>Item #</td>
            <td>Category</td>
            <td>Name</td>
         </tr>
         <?php echo $output; ?>
         </table>
    </body>

如果数据库中有一些数据，我将拥有项目、类别和名称的列表以及带有删除选项的额外列，否则，它将返回未找到项目！我想单击删除链接并将变量 $item_num 和 $item_category 引用到实际行传递给一个 jquery 函数，该函数将发送到以下 PHP 文件，而不刷新实际文件，并返回一条消息，说明该项目已成功删除！

删除-Item.php

<?php
    include ('dataconfig.php');

    if((isset($_POST['item_num']))and(isset($_POST['item_category']))){
      $item_num=$_POST['item_num'];
      $item_category=$_POST['item_category'];
      $sql_delete=mysql_query("DELETE FROM table1 WHERE item_num='$item_num' AND item_category='$item_category'")or die(mysql_error());
    }
?>

我不知道构建将要做到这一点的 jQuery 函数的最佳方法，我将非常感谢任何可以引导我完成这项任务的帮助。

谢谢

4

3 回答 3

1

您应该将 $item_num 和 $item_category 添加到 tr 元素的属性中。

例如：

output .='<tr id="'.$item_num.'" category="'.$item_category.'">';
output .='<td>'.$item_num.'</td>';
output .='<td>'.$item_category.'</td>';
output .='<td>'.$item_name.'</td>';
output .='<td><a href="#">Delete</a></td>';
output .='</tr>';

在 jQuery make 事件中点击行：

$('table tr[id]').click(function(){
    var obj = $(this);
    $.ajax({
      type: "POST",
      url: 'url/to/Delete-item.php',
      data: { item_num: obj.attr("id"), item_category: obj.attr("category") },
      dataType: "json",
      success: function(data) {
          if (data.success == "true") {
              alert('Item was deleted');
          } else {
              alert('error');
          }
      }
  });
})

并修改 Delete-item.php

if((isset($_POST['item_num']))and(isset($_POST['item_category']))){
    $item_num=$_POST['item_num'];
    $item_category=$_POST['item_category'];
    $sql_delete=mysql_query("DELETE FROM table1 WHERE item_num='$item_num' AND item_category='$item_category'")or die(mysql_error());
    $success = ($sql_delete) ? "true" : "false";
    $successArray = array("success" => $success);
    echo json_encode($successArray);
}

我没有测试它。

并且不要忘记 $item_num 使用 intval 和 $item_category mysql_real_escape_string 以防止 sql 注入。

于 2012-11-22T23:17:47.703 回答
0

提供您的 tr 或 td 的 id（或类名，如果这样会更好）。

$output .= "<tr id='row_{$item_num}'>";
$output .= "<td class='item_category'>{$item_category}</td>";
...
$output .= "<td><a href='#' class='delete' rel='{$item_num}'>Delete</a></td>";
...

像这样获取该值：（注意，您也可以使用 .siblings() 或 .parent() 来获取行和 item_cat td。无论哪种方式......

$('a.delete').live('click', function(e) {
  e.preventDefault();
  var item_num = $(this).attr('rel');
  var this_row = $('tr#row_'+item_num);
  //Now you have the parent row. You can do anything you want with it. If you just want to get the value of the corresponding item_cat, you could then do
  var item_cat = $(this_row).children('td.item-category').text();
  $.post('/your_url', { item_number: item_num, item_category: item_cat }, function(data) {
      //deal with the return result of 'data'
  });
});
于 2012-11-22T23:12:24.640 回答
0

我会将 ID 添加到您的表中，例如：

output .='<tr id="'.$item_num.'">';

在您进行删除的后端（delete_item.php）中，我将添加一些输出以验证是否成功删除：

$sql_delete=mysql_query("DELETE FROM table1 WHERE item_num='$item_num' AND item_category='$item_category'")or die("0");
if ($sql_delete) {
   print $item_num;
}

并在调用删除时使用 jQuery 库：

function delete_item(item_id, cat_id) {
  $.post('delete-item.php', { 
    // POST parameters
    item_num: item_id, 
    item_category: cat_id 
  }, function(data) {
     // if returned data is the deleted item id then.. 
     if (data==item_id) {
        // .. remove the row from the table.
        $("#" + item_id).remove();
     }
  });
}
于 2012-11-22T23:19:24.583 回答