JavaScript 如何将数据发送到 MySQL 数据库？

如何从 JavaScript 发送数据到 MySQL 数据库

JavaScript 与其他编程语言不同，由于运行环境不同，无法直接与 MySQL 数据库通信。 JavaScript 在客户端（在 Web 浏览器中）运行，而数据库驻留在服务器端。为了弥补这一差距，必须使用 PHP、Java、.Net 或 Node.js 等中间服务器端语言来进行数据库查询。

解决方案

按照以下步骤进行连接JavaScript、PHP 和 MySQL：

1. 编写 PHP 脚本（例如 phpfile.php）作为 JavaScript 和 MySQL 之间的中间人。该脚本将通过 POST 请求从 JavaScript 接收数据并执行数据库操作。
2. 在 JavaScript 代码中，使用 AJAX（异步 JavaScript 和 XML）将数据发送到 PHP 脚本。您可以使用 jQuery 库来简化 AJAX 调用。
3. 在 PHP 脚本中，使用 MySQLi 或 PDO 连接数据库并执行查询。

示例代码

HTML/JavaScript

<code class="html"><script type="text/javascript">
  function countClicks1() {
    // Increment the counter and update the display
    count1 += 1;
    document.getElementById("p1").innerHTML = count1;

    // Send the data to PHP using AJAX
    $.ajax({
      type: "POST",
      url: "phpfile.php",
      data: {
        count: count1,
      },
      success: function (response) {
        console.log(response);
      },
    });
  }
</script>

<p><a href="javascript:countClicks1();">Count</a></p>
<p id="p1">0</p></code>

PHP (phpfile.php)

<code class="php"><?php
$count = $_POST['count'];

// Connect to the database
$mysqli = new mysqli("localhost", "username", "password", "database_name");

// Insert the count into the database
$mysqli->query("INSERT INTO table_name (count) VALUES ('$count')");

// Close the database connection
$mysqli->close();</code>

注意

记得修改连接参数（host、username、password、database_name） ) 在 PHP 脚本中匹配您的数据库配置。另外，请确保在执行查询之前创建必要的数据库、表和列。

以上是JavaScript 如何将数据发送到 MySQL 数据库？的详细内容。更多信息请关注PHP中文网其他相关文章！