Bagaimana untuk Memasukkan Data ke dalam Pangkalan Data MySQL dari Borang PHP Menggunakan jQuery/AJAX?

Memasukkan Data ke dalam MySQL daripada PHP Menggunakan jQuery/AJAX

Dalam panduan ini, kami akan meneroka cara memanfaatkan PHP dan jQuery/AJAX untuk masukkan data daripada borang HTML asas ke dalam pangkalan data MySQL.

Memahami Borang

Mari andaikan anda mempunyai borang dengan struktur berikut:

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

Skrip jQuery/AJAX

Skrip ini akan mengendalikan penghantaran data borang ke pelayan melalui permintaan AJAX:

<code class="javascript"><script type="text/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 has been posted successfully.');
        }
      }
    });

    // Prevent the form from submitting to the page
    return false;
  }
</script></code>

Skrip Pemprosesan ( process.php)

Skrip PHP ini akan menyambung ke pangkalan data dan memasukkan data yang diserahkan:

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

// Connect to the database
$cxn = mysql_connect('localhost', 'username_goes_here', 'password_goes_here');
if (!$cxn)
  exit;
mysql_select_db('your_database_name', $cxn);

// Escape the form input
$val = mysql_real_escape_string(post('my_value'), $cxn);

// Insert query
$sql = sprintf("INSERT INTO %s (column_name_goes_here) VALUES '%s';",
                'table_name_goes_here',
                $val
);

// Execute query
$result = mysql_query($sql, $cxn);

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

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

Penggunaan

1. Simpan borang dan skrip jQuery/AJAX dalam fail HTML.
2. Simpan skrip pemprosesan sebagai "process.php".
3. Serahkan borang untuk mencetuskan permintaan AJAX dan masukkan data ke dalam pangkalan data.

Nota: Kod ini disediakan untuk panduan sahaja dan mungkin memerlukan pengubahsuaian untuk berfungsi dalam persekitaran khusus anda.

Atas ialah kandungan terperinci Bagaimana untuk Memasukkan Data ke dalam Pangkalan Data MySQL dari Borang PHP Menggunakan jQuery/AJAX?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!