Ajax と PHP を使用して JavaScript から MySQL データベースにデータを送信する方法-mysql チュートリアル-php.cn

Ajax と PHP を使用して JavaScript から MySQL データベースにデータを送信する方法

Susan Sarandon

リリース： 2024-10-29 18:21:22

オリジナル

938 人が閲覧しました

How to Send Data from JavaScript to a MySQL Database Using Ajax and PHP?

JavaScript から MySQL データベースにデータを送信する方法

この記事では、Ajax と PHP を使用して JavaScript から MySQL データベースにデータを送信する方法について説明します。

JavaScript の制限を理解する

JavaScript はクライアント側 (ブラウザー内) で実行されるため、単独では MySQL データベースと直接対話できません。データベースは通常、サーバー側に存在します。

PHP を使用した JavaScript と MySQL の接続

このギャップを埋めるには、次のような中間サーバー側言語を使用する必要があります。 PHP。 JavaScript と MySQL データベースの間のブリッジとして機能する PHP ファイルを作成できます。

Ajax を使用したデータの送信

Ajax (非同期 JavaScript および XML) を使用すると、次のことが可能になります。ページ全体をリロードすることなく、サーバーにリクエストを送信し、Web ページの一部を更新できます。この例では、Ajax を使用して、JavaScript からデータベースインタラクションを処理する PHP ファイルにデータを送信します。

データベースインタラクション用の PHP スクリプト

PHP ファイル次のタスクを処理します:

MySQL データベースへの接続
Ajax リクエストからのデータの受信
データベースへのデータの挿入
Ajax リクエストへの応答の送信

完全な例

以下は、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 中国語 Web サイトの他の関連記事を参照してください。