JavaScript はどのようにして MySQL データベースにデータを送信できるのでしょうか?

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

JavaScript は、他のプログラミング言語とは異なり、動作環境が異なるため、MySQL データベースと直接通信できません。 JavaScript はクライアント側 (Web ブラウザ内) で動作しますが、データベースはサーバー側に存在します。このギャップを埋めるには、PHP、Java、.Net、Node.js などの中間サーバー側言語をデータベース クエリに使用する必要があります。

解決策

接続するには次の手順に従ってください。 JavaScript、PHP、および MySQL:

1. JavaScript と MySQL の間の仲介者として機能する PHP スクリプト (例: phpfile.php) を作成します。このスクリプトは、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>

注

必ず接続パラメーター (ホスト、ユーザー名、パスワード、データベース名) を変更してください。 ) データベース構成に一致するように PHP スクリプトに追加します。また、クエリを実行する前に、必要なデータベース、テーブル、列を必ず作成してください。

以上がJavaScript はどのようにして MySQL データベースにデータを送信できるのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。