js中点击删除按钮,获取id号,用php在删除数据库对应数据
时间: 2024-02-11 19:05:12 浏览: 25
好的,您想了解如何在 JavaScript 中获取按钮的 id 号,并将其传递给 PHP 以删除相应的数据库数据。首先,您需要在 HTML 中为按钮设置一个唯一的 id,例如:
```
<button id="deleteBtn1" onclick="deleteData(this.id)">删除</button>
```
然后,您可以编写一个名为 `deleteData` 的 JavaScript 函数来获取该按钮的 id 号,并将其传递给 PHP 文件:
```
function deleteData(btnId) {
// 提取出数字部分
var id = btnId.replace("deleteBtn", "");
// 发送 AJAX 请求到 PHP 文件
var xhr = new XMLHttpRequest();
xhr.open("POST", "delete.php", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 响应成功
console.log(xhr.responseText);
}
};
xhr.send("id=" + id);
}
```
在 PHP 文件中,您可以使用 `$_POST` 超全局变量来获取从 JavaScript 代码发送的 `id` 号,并使用该 id 号从数据库中删除相应的数据:
```
<?php
$id = $_POST["id"];
// 连接数据库
$conn = new mysqli("localhost", "username", "password", "database_name");
// 删除数据
$sql = "DELETE FROM table_name WHERE id = $id";
$result = $conn->query($sql);
// 关闭数据库连接
$conn->close();
echo "删除成功!";
?>
```
希望这可以帮助到您!