PHP と jQuery/AJAX を使用して Web フォームから MySQL データベースにデータを挿入する方法

jQuery/AJAX を使用した PHP から MySQL への挿入

jQuery で PHP と AJAX を使用して Web フォームから MySQL データベースにデータを挿入すると、次のことが可能になります。最初は気が遠くなるように思えます。ただし、簡単な例を使用すると、プロセスを管理可能なステップに分割できます。

フォームと jQuery コード

この HTML フォームは、ユーザー入力用のテキスト入力で構成されています。および送信ボタン:

<code class="html"><form method="post" action="process.php" onSubmit="return ajaxSubmit(this);">
  Value: <input type="text" name="my_value" />
  <input type="submit" name="form_submit" value="Go" />
</form></code>

ここで、process.php はデータ送信を処理する PHP スクリプトです。 jQuery 関数 ajaxSubmit はフォーム送信時に呼び出されます。フォーム データを配列データにシリアル化し、データを運ぶ AJAX リクエストを process.php スクリプトに送信します。

プロセス スクリプト

PHP スクリプト プロセス。 php は次のタスクを実行します:

1. post() 関数を使用してフォーム データをインポートします: $val = mysql_real_escape_string(post('my_value'), $cxn);
2. データをサニタイズしますSQL インジェクションを防ぐには: $val = mysql_real_escape_string($val, $cxn);
3. $cxn = mysql_connect(...) を使用して MySQL 接続を確立し、ターゲット データベースを選択します。
4. Buildフォーム データを使用した MySQL INSERT クエリ: $sql = sprintf("INSERT INTO ...VALUES '%s';", $val);
5. $result = mysql_query($sql, $cxn);
6. 成功フラグを含む応答オブジェクトを作成し、それを JSON にエンコードします。 $resp = new stdClass(); $resp->成功 = true; print json_encode($resp);

AJAX 応答処理

jQuery の AJAX リクエストは、サーバーの応答が成功したかどうかを確認し、それに応じてアラートを表示します。フォームの送信が成功すると、アラートがユーザーに通知し、フォームをリセットできます。

これらのコンポーネントを配置すると、Web フォームから MySQL データベースにデータをシームレスに挿入し、jQuery/AJAX を使用して応答を処理できます。

以上がPHP と jQuery/AJAX を使用して Web フォームから MySQL データベースにデータを挿入する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。