使用 AJAX、PHP 和表格从数据库中删除记录131


简介:

本指南将指导您如何使用 AJAX(异步 JavaScript 和 XML)、PHP 和 HTML 表单从数据库中删除记录。这是一种在不刷新整个网页的情况下从服务器端删除记录的有效方法。

先决条件:
PHP 服务器
MySQL 数据库
基本 HTML、CSS 和 JavaScript 知识

步骤 1:创建数据库表

在您的 MySQL 数据库中创建一张名为 "users" 的表,其中包含以下列:```
CREATE TABLE users (
id INT NOT NULL AUTO_INCREMENT,
name VARCHAR(255) NOT NULL,
email VARCHAR(255) NOT NULL,
PRIMARY KEY (id)
);
```

步骤 2:创建 HTML 表单

创建一个 HTML 表单,其中包含一个用来删除记录的按钮。确保将表单的 method 设置为 "post",并为按钮添加一个 ID 以便使用 JavaScript 引用它。```html



删除用户




用户 ID:

删除



```

步骤 3:创建 PHP 脚本

创建一个名为 "" 的 PHP 脚本,其中包含以下代码:```php

```

步骤 4:添加 AJAX

在 HTML 文件中,添加以下 JavaScript 代码,用于发送 AJAX 请求并处理服务器响应:```javascript

('delete_button').addEventListener('click', function(e) {
();
// 获取用户 ID
var user_id = ('user_id').value;
// 创建 AJAX 请求
var xhr = new XMLHttpRequest();
('POST', '');
('Content-Type', 'application/json');
// 发送请求
(({ user_id: user_id }));
// 处理响应
= function() {
if ( === 4) {
var response = ();
// 检查响应状态
if () {
alert('用户已删除。');
} else {
alert('删除用户时出错:' + );
}
}
};
});

```

测试:

保存您的 HTML、PHP 和 JavaScript 文件,然后访问 HTML 文件。输入要删除的用户 ID,然后单击 "删除" 按钮。系统应该提示您删除成功或失败。

使用 AJAX、PHP 和 HTML 表单从数据库中删除记录是一种简单而有效的方法,它可以在不刷新整个网页的情况下更新数据。遵循本指南中的步骤,您可以轻松地实施此功能到您的应用程序中。

2024-10-25


上一篇:使用 PHP 下载种子文件

下一篇:PHP 数据库连接:建立与数据库的桥梁