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

Count
0

PHP (phpfile.php)

query("INSERT INTO table_name (count) VALUES ('$count')");

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

注

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