在本文中，我们将探讨如何使用 Ajax 和 PHP 将数据从 JavaScript 发送到 MySQL 数据库。
了解 JavaScript 的局限性
JavaScript 本身无法直接与 MySQL 数据库交互，因为它运行在客户端（在浏览器中），而数据库通常驻留在服务器端。
使用 PHP 连接 JavaScript 和 MySQL
为了弥补这一差距，我们需要使用中间服务器端语言，例如PHP。我们可以创建一个 PHP 文件，作为 JavaScript 和 MySQL 数据库之间的桥梁。
使用 Ajax 发送数据
Ajax（异步 JavaScript 和 XML）允许我们向服务器发出请求并更新网页的部分内容，而无需重新加载整个页面。在我们的例子中，我们将使用 Ajax 将数据从 JavaScript 发送到处理数据库交互的 PHP 文件。
用于数据库交互的 PHP 脚本
PHP 文件将处理以下任务：
完整示例
下面是使用 JavaScript、Ajax 和 PHP 的完整解决方案示例：
HTML/JavaScript
<code class="html"><html>
<head>
<script type="text/javascript">
function sendData() {
// Replace with your form data
var data = { data: 'Hello World' };
$.ajax({
type: "POST",
url: "php/insert.php",
data: data,
success: function(data) {
console.log("Data sent successfully");
},
error: function(error) {
console.log("Error sending data");
}
});
}
</script>
</head>
<body>
<button onclick="sendData()">Send Data</button>
</body>
</html></code>PHP
<code class="php"><?php
$data = $_POST['data'];
// Replace with your database connection details
$servername = "localhost";
$username = "username";
$password = "password";
$dbname = "database";
// Create connection
$conn = mysqli_connect($servername, $username, $password, $dbname);
// Check connection
if (!$conn) {
die("Connection failed: " . mysqli_connect_error());
}
// Prepare and bind
$stmt = mysqli_prepare($conn, "INSERT INTO table (data) VALUES (?)");
mysqli_stmt_bind_param($stmt, "s", $data);
// Execute
mysqli_stmt_execute($stmt);
// Close connection
mysqli_close($conn);
?></code>在此示例中，我们在 JavaScript 中创建一个 Ajax 请求，该请求发送将数据传输到我们的 PHP 脚本，然后连接到 MySQL 数据库，插入数据，并响应 Ajax 请求。
以上是如何使用 Ajax 和 PHP 将数据从 JavaScript 发送到 MySQL 数据库？的详细内容。更多信息请关注PHP中文网其他相关文章！
