如何使用 Ajax 和 PHP 将数据从 JavaScript 发送到 MySQL 数据库？

如何将数据从 Javascript 发送到 MySQL 数据库

在本文中，我们将探讨如何使用 Ajax 和 PHP 将数据从 JavaScript 发送到 MySQL 数据库。

了解 JavaScript 的局限性

JavaScript 本身无法直接与 MySQL 数据库交互，因为它运行在客户端（在浏览器中），而数据库通常驻留在服务器端。

使用 PHP 连接 JavaScript 和 MySQL

为了弥补这一差距，我们需要使用中间服务器端语言，例如PHP。我们可以创建一个 PHP 文件，作为 JavaScript 和 MySQL 数据库之间的桥梁。

使用 Ajax 发送数据

Ajax（异步 JavaScript 和 XML）允许我们向服务器发出请求并更新网页的部分内容，而无需重新加载整个页面。在我们的例子中，我们将使用 Ajax 将数据从 JavaScript 发送到处理数据库交互的 PHP 文件。

用于数据库交互的 PHP 脚本

PHP 文件将处理以下任务：

• 连接到 MySQL 数据库
• 从 Ajax 请求接收数据
• 将数据插入数据库
• 发送对 Ajax 请求的响应

完整示例

下面是使用 JavaScript、Ajax 和 PHP 的完整解决方案示例：

HTML/JavaScript

<code class="html">
  
    <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>
  

  
    <button onclick="sendData()">Send Data</button>
  
</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中文网其他相关文章！