button 履行php代码提交数据库

在Web开发中，button按钮是一种经常使用的元素，它可以触发与之相关的操作。例如，当我们点击一个按钮时，可以履行一段PHP代码来提交数据到数据库中。本文将介绍怎样使用button按钮履行PHP代码并将数据提交到数据库。

假定我们有一个简单的用户注册表单，包括姓名和邮箱两个字段。当用户填写完表单后，点击提交按钮，相应的PHP代码将被履行，将用户的信息保存到数据库中。

首先，在HTML中，我们需要创建一个button按钮，并给它一个唯一的id属性，以便在后面的PHP代码中进行援用。

<button id="submitBtn">提交</button>

接下来，我们需要使用JavaScript来为这个按钮添加点击事件。当按钮被点击时，我们将履行一个函数，向服务器发送HTTP要求，并将用户填写的数据作为参数传递给服务器。

<script>
document.getElementById("submitBtn").addEventListener("click", function() {
var name = document.getElementById("name").value;
var email = document.getElementById("email").value;
var xhr = new XMLHttpRequest();
var url = "save.php"; // PHP代码保存用户信息的文件路径
xhr.open("POST", url, true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
console.log(xhr.responseText);
}
};
var data = "name=" + name + "&email=" + email;
xhr.send(data);
});
</script>

在上面的代码中，我们通过getElementById方法获得了输入框中的值，并使用XMLHttpRequest对象向服务器发送了一个POST要求。要求的URL是一个保存用户信息的PHP文件save.php，同时我们将用户姓名和邮箱作为要求的参数传递给服务器。

接下来，我们需要在服务器端编写PHP代码来接收这些参数，并将它们保存到数据库中。以下是一个简单的示例：

<?php
// 建立与数据库的连接
$conn = mysqli_connect("localhost", "username", "password", "database");
// 检查连接会不会成功
if (!$conn) {
die("连接失败：" . mysqli_connect_error());
}
// 获得来自客户真个参数
$name = $_POST["name"];
$email = $_POST["email"];
// 将数据插入数据库中
$sql = "INSERT INTO users (name, email) VALUES ('$name', '$email')";
if (mysqli_query($conn, $sql)) {
echo "数据保存成功！";
} else {
echo "数据保存失败：" . mysqli_error($conn);
}
// 关闭与数据库的连接
mysqli_close($conn);
?>

在上述PHP代码中，我们首先建立了与数据库的连接，并检查连接会不会成功。然后，我们使用$_POST超全局变量获得来自客户真个参数。接着，我们将这些参数插入到数据库中的users表中。最后，我们对保存操作的结果进行判断，并输出相应的提示信息。最后，关闭与数据库的连接。

通过以上的步骤，我们可以实现一个简单的用户注册系统，当用户点击提交按钮时，数据将被保存到数据库中。固然，在实际的开发中，我们还需要进行数据校验、安全性处理等工作，以确保系统的稳定和安全。

总结起来，通过使用button按钮履行PHP代码并将数据提交到数据库，我们可以方便地实现用户数据的保存功能。通过获得表单数据，将其通过一个HTTP要求传递到服务器真个PHP文件，在PHP文件中进行数据库操作，最后将结果返回给客户端。这为我们提供了一个简单而强大的方法来处理用户提交的数据，并将其持久化存储。