Bagaimana untuk Memasukkan Data ke dalam Pangkalan Data MySQL menggunakan PHP dan AJAX (jQuery)?

Masukkan Data ke dalam Pangkalan Data MySQL menggunakan PHP dan AJAX (jQuery)

Masalah:

Anda ingin memasukkan data yang dimasukkan pengguna daripada borang ringkas ke dalam pangkalan data MySQL menggunakan PHP dan AJAX (jQuery). Tutorial sedia ada telah terbukti mengelirukan, menjadikannya sukar untuk melaksanakan fungsi yang anda inginkan.

Penyelesaian:

Menggunakan keupayaan AJAX yang berkuasa jQuery dan sambungan pangkalan data PHP, anda boleh menyelesaikan tugas ini dengan agak mudah.

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

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

proses .php Skrip:

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

Dalam penyelesaian ini, pengguna memasukkan data ke dalam borang dan mengklik butang hantar. Fungsi jQuery menangkap data dan menghantar permintaan AJAX ke process.php. Skrip process.php mengendalikan sambungan pangkalan data, pengesahan data dan pertanyaan sisipan. Respons dihantar semula kepada klien sebagai objek JSON, memaklumkan pengguna tentang kejayaan atau kegagalan operasi sisipan.

Atas ialah kandungan terperinci Bagaimana untuk Memasukkan Data ke dalam Pangkalan Data MySQL menggunakan PHP dan AJAX (jQuery)?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!