如何使用 PHP 和 AJAX (jQuery) 將資料插入 MySQL 資料庫？

使用PHP 和AJAX (jQuery) 將數據插入MySQL 數據庫

問題：

您想要使用PHP 和AJAX (jQuery) 將使用者輸入的資料從簡單表單插入到MySQL 資料庫。現有教學令人困惑，很難實現您想要的功能。

解決方案：

利用 jQuery 強大的 AJAX 功能和 PHP 的資料庫連接功能，您可以完成此任務相對容易。

HTML 表單：

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

jQuery 函數：

<code class="javascript">var ajaxSubmit = function(formEl) {
    var url = $(formEl).attr('action');
    var data = $(formEl).serializeArray();

    $.ajax({
        url: url,
        data: data,
        dataType: 'json',
        success: function(rsp) {
            if (rsp.success) {
                alert('Form data submitted successfully');
            }
        }
    });

    return false;
};</code>

.

在此解決方案中，使用者將資料輸入表單並點擊提交按鈕。 jQuery 函數會擷取資料並將 AJAX 請求傳送到 process.php。 process.php 腳本處理資料庫連線、資料驗證和插入查詢。回應以 JSON 物件的形式傳送回客戶端，通知使用者插入操作成功或失敗。

<code class="php"><?php
function post($key) {
    return isset($_POST[$key]) ? $_POST[$key] : false;
}

$cxn = mysql_connect('localhost', 'username', 'password');
if (!$cxn) exit;
mysql_select_db('database_name', $cxn);

$val = mysql_real_escape_string(post('my_value'), $cxn);

$sql = sprintf("INSERT INTO table_name (column_name) VALUES ('%s')", $val);
$result = mysql_query($sql, $cxn);

$resp = new stdClass();
$resp->success = false;
if ($result) {
    $resp->success = true;
}

echo json_encode($resp);
?></code>

以上是如何使用 PHP 和 AJAX (jQuery) 將資料插入 MySQL 資料庫？的詳細內容。更多資訊請關注PHP中文網其他相關文章！