JavaScript から MySQL データベースにデータを送信するにはどうすればよいですか?

JavaScript から mysql データベースにデータを送信するにはどうすればよいですか?

JavaScript 自体は、MySQL データベースと直接通信できません。異なるコンピュータ上で。 JavaScript はクライアント側 (ブラウザ内) で実行されますが、データベースは通常サーバー側に存在します。

解決策:

JavaScript と MySQL の間の通信を確立するには、 PHP、Java、Node.js などの中間サーバー側言語が必要です。このサーバー側言語は、MySQL クエリを実行して結果を返すか、データベースにデータを保存するためのブリッジとして機能します。

PHP を使用した例:

<code class="php"><?php
$name = $_POST['name'];
$location = $_POST['location'];
$con = mysql_connect('localhost', 'peter', 'abc123');
$sql = "INSERT INTO user (name, location) VALUES ('$name', '$location')";
mysql_query($sql, $con);
mysql_close($con);</code>

この PHP コードは、MySQL データベースへの接続を確立し、挿入クエリを実行し、JavaScript コードから受け取ったデータを保存します。

JavaScript との統合:

JavaScript コードでは、AJAX (非同期 JavaScript および XML) を使用してデータをサーバー側スクリプトに送信できます。 AJAX リクエストは、ボタンのクリックまたはその他のイベントによってトリガーできます。

function sendData() {
  const name = 'John Doe';
  const location = 'New York';
  const xhttp = new XMLHttpRequest();
  xhttp.open('POST', 'phpfile.php', true);
  xhttp.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
  xhttp.send('name=' + name + '&location=' + location);
}

この JavaScript コードは、AJAX リクエストを作成し、必要なヘッダーを設定し、POST リクエストを介して PHP スクリプトにデータを送信します。 .

結論:

仲介サーバー側言語を利用することで、JavaScript はデータを送信し、結果や更新を受信することで MySQL データベースと対話できます。この統合により、データベースにデータを保存したり、データベースからデータを取得したりできる対話型 Web アプリケーションを作成できるようになります。

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