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

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

JavaScript を単独で使用する場合、MySQL データベースと直接対話することはできません。 JavaScript はクライアント側 (ブラウザ内) で実行され、データベースはサーバー側に存在するため、データベース クエリを実行するには中間サーバー側言語が必要です。このような言語の例には、PHP、Java、.Net、Node.js などのサーバー側 JavaScript スタックなどがあります。

JavaScript、サーバー側言語、および MySQL を統合するには、AJAX (非同期 JavaScript およびXML)。その仕組みは次のとおりです。

1. JavaScript から AJAX 呼び出しを初期化します。

<code class="javascript">var xmlhttp = new XMLHttpRequest();
xmlhttp.open("POST", "phpfile.php", true);
xmlhttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");</code>

2. データを準備します。サーバーに送信します:

<code class="javascript">var data = "name=John&age=30";</code>

3. AJAX 呼び出しを使用してデータを送信します:

<code class="javascript">xmlhttp.send(data);</code>

4. データを処理するサーバー側スクリプトを実装します。

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

// Connect to the MySQL database
$conn = mysqli_connect('localhost', 'username', 'password', 'database');

// Prepare the SQL query
$sql = "INSERT INTO users (name, age) VALUES ('$name', '$age')";

// Execute the query
$result = mysqli_query($conn, $sql);

if ($result) {
    echo "Data saved successfully";
} else {
    echo "Error saving data";
}

// Close the connection
mysqli_close($conn);
?></code>

この設定では、JavaScript コードが AJAX 呼び出しを実行すると、データ (ユーザー名とage) がサーバー側の PHP スクリプトに送信されます。次に、このスクリプトは MySQL データベースに接続し、SQL クエリを実行してデータをデータベース テーブルに挿入し、データが正常に保存されたかどうかを示す応答を返します。

注:実装の詳細と構文は、サーバー側の言語と使用されているデータベース システムによって異なる場合があります。

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