在Web开发中，使用JavaScript（简称JS）与PHP进行前后端数据交互是非常常见的场景，那么如何将JS中的数据提交到PHP操作的数据库呢？我将详细地为大家介绍这一过程。
我们需要准备一个简单的HTML表单，用于收集用户输入的数据，通过JS将数据发送到PHP脚本，最后由PHP脚本将数据写入数据库，以下是具体步骤：
1、创建HTML表单
我们需要一个HTML表单来收集用户输入的数据。
<form id="myForm">
<input type="text" id="username" name="username" placeholder="用户名" />
<input type="password" id="password" name="password" placeholder="密码" />
<input type="button" value="提交" onclick="submitData()" />
</form>这里，我们有一个表单，包含用户名和密码输入框，以及一个按钮，当点击按钮时，会触发submitData()函数。
2、编写JavaScript代码
我们需要编写submitData()函数，用于收集表单数据并提交到PHP脚本。
function submitData() {
var username = document.getElementById('username').value;
var password = document.getElementById('password').value;
// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
xhr.open('POST', 'submit.php', true);
// 设置请求头，用于发送POST请求
xhr.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
// 发送请求
xhr.send('username=' + encodeURIComponent(username) + '&password=' + encodeURIComponent(password));
// 监听响应状态
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
// 处理PHP返回的结果
alert(xhr.responseText);
}
};
}这里，我们使用XMLHttpRequest对象发送异步请求，将表单数据以POST方式发送到submit.php。
3、编写PHP脚本
我们需要编写submit.php脚本，用于接收JS发送的数据，并将其写入数据库。
<?php
// 连接数据库
$servername = "localhost";
$username_db = "root";
$password_db = "";
$dbname = "mydb";
$conn = new mysqli($servername, $username_db, $password_db, $dbname);
// 检查连接
if ($conn->connect_error) {
die("连接失败: " . $conn->connect_error);
}
// 获取POST请求的数据
$username = $_POST['username'];
$password = $_POST['password'];
// 防止SQL注入
$username = mysqli_real_escape_string($conn, $username);
$password = mysqli_real_escape_string($conn, $password);
// 插入数据到数据库
$sql = "INSERT INTO users (username, password) VALUES ('$username', '$password')";
if ($conn->query($sql) === TRUE) {
echo "新记录插入成功";
} else {
echo "Error: " . $sql . "<br>" . $conn->error;
}
// 关闭连接
$conn->close();
?>在上述PHP脚本中，我们首先连接数据库，然后获取POST请求中的用户名和密码，为了避免SQL注入，我们使用mysqli_real_escape_string()函数对数据进行处理，我们将数据插入到数据库中。
4、测试与调试
完成以上步骤后，你可以将HTML、JS和PHP文件部署到服务器上，进行测试，如果一切正常，当你填写表单并点击提交按钮时，数据将被成功写入数据库。
就是JS提交数据到PHP数据库的详细过程，在实际开发中，你可能需要根据项目需求对代码进行调整和优化，希望这篇文章能对你有所帮助！