PHP と AJAX (jQuery) を使用して MySQL データベースにデータを挿入するにはどうすればよいですか?

PHP と AJAX (jQuery) を使用して MySQL データベースにデータを挿入する

問題:

PHP を使用して、単純なフォームからユーザーが入力したデータを MySQL データベースに挿入したいと考えています。 AJAX (jQuery)。既存のチュートリアルはわかりにくく、目的の機能を実装することが困難であることがわかっています。

解決策:

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>

process.php スクリプト:

<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>

このソリューションでは、ユーザーはフォームにデータを入力し、送信ボタンをクリックします。 jQuery 関数はデータをキャプチャし、AJAX リクエストを process.php に送信します。 process.php スクリプトは、データベース接続、データ検証、および挿入クエリを処理します。応答は JSON オブジェクトとしてクライアントに返送され、挿入操作の成功または失敗をユーザーに通知します。

以上がPHP と AJAX (jQuery) を使用して MySQL データベースにデータを挿入するにはどうすればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。