首頁 >資料庫 >mysql教程 >如何使用 PHP 和 jQuery/AJAX 從 Web 表單將資料插入 MySQL 資料庫?

如何使用 PHP 和 jQuery/AJAX 從 Web 表單將資料插入 MySQL 資料庫?

Barbara Streisand
Barbara Streisand原創
2024-11-02 09:57:30418瀏覽

How to Insert Data into a MySQL Database from a Web Form Using PHP and jQuery/AJAX?

使用jQuery/AJAX 從PHP 插入MySQL

使用PHP 和AJAX 資料庫結合起來令人畏懼。但是,透過一個簡單的範例,我們可以將流程分解為可管理的步驟。

表單和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 在表單提交時呼叫。它將表單資料序列化為數組數據,並向 process.php 腳本發送 AJAX 請求,並攜帶資料。

流程腳本

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. 建立使用表單資料的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中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn