在 PHP 中使用 Ajax 删除数据

在 Web 应用程序中，我们经常需要使用 Ajax 删除数据。使用 Ajax 可以实现删除数据过程中不刷新页面，提高用户体验。

前提条件

在讨论如何使用 Ajax 删除数据时，我们假设您已经熟悉了以下技术：

• PHP
• MySQL
• JavaScript
• jQuery

实现步骤

接下来，我们将逐个步骤讨论如何使用 Ajax 删除数据。

步骤 1：创建数据库

首先，我们需要创建一个数据库，用于存储我们要删除的数据。我们可以使用 MySQL 数据库，这是 Web 开发中最流行的开源数据库之一。

在本教程中，我们将创建一个包含以下字段的 "items" 表：

• id - 主键
• name - 名称
• description - 描述

以下是创建 "items" 表的 SQL 语句：

CREATE TABLE items (
  id INT(11) NOT NULL AUTO_INCREMENT,
  name varchar(255) DEFAULT NULL, 
  description varchar(255) DEFAULT NULL,
  PRIMARY KEY (id)
);

步骤 2：创建 PHP 文件

接下来，我们需要创建一个 PHP 文件，用于从数据库中删除数据。我们将这个文件命名为 "delete_item.php"，并将其存储在 Web 服务器的根目录下。

以下是 "delete_item.php" 文件的代码片段：

<?php
// 连接数据库
$pdo = new PDO('mysql:host=localhost;dbname=your_database_name', 'your_database_username', 'your_database_password');

// 获取要删除的项目 ID
$item_id = $_POST['item_id'];

// 删除项目
$stmt = $pdo->prepare("DELETE FROM items WHERE id=:id");
$stmt->bindParam(':id', $item_id, PDO::PARAM_INT);
$stmt->execute();

// 返回成功响应
echo "Success";
?>

在这个代码片段中，我们首先创建一个 PDO 实例，用于连接到 MySQL 数据库。然后，我们获取从 JavaScript 发送的参数 "item_id"，用于查找和删除指定的项目。最后，我们从 PHP 文件返回一个成功的响应，告诉 JavaScript 删除已成功完成。

步骤 3：创建 JavaScript 文件

在 PHP 文件中设置好后，我们需要创建一个 JavaScript 文件，并添加用于删除数据的代码。

以下是 "delete_item.js" 文件的代码片段：

$(document).ready(function() {
  $('.delete').click(function(e) { 
    e.preventDefault(); // 防止<a>标签默认行为
    var item_id = $(this).attr('data-id'); 

    // 提示用户是否删除项目
    if (confirm("确定删除此项目吗？")) { 

      // 使用 Ajax 删除项目
      $.ajax({
        type: "POST",
        url: "delete_item.php",
        data: { item_id: item_id },
        success: function() {
          // 如果删除成功，则删除该项目的DOM元素
          $('#item_' + item_id).fadeOut('slow'); 
        },
      });
    }
  });
});

在这个代码片段中，我们首先为删除链接添加了一个点击事件处理程序。当用户单击 "删除" 链接时，会阻止默认行为，并提示用户确认是否删除项目。如果用户确认要删除项目，则使用 jQuery 的 ajax() 方法发送一个 POST 请求，将项目的 ID 发送到服务器端的 "delete_item.php" 文件。

如果 AJAX 成功，我们将使用 jQuery 的 fadeOut() 方法来隐藏已删除的项目的 DOM 元素。这样，当用户单击删除链接时，该项目将在页面上动态地消失，从而提高用户体验。

结论

在本教程中，我们介绍了如何使用 PHP 和 Ajax 删除数据。如果您遵循了本教程中的步骤，您的 Web 应用程序现在应该可以成功删除项目了。祝您编写愉快的代码！

以上是介绍如何在 PHP 中使用 Ajax 删除数据的教程。