Rumah >pangkalan data >tutorial mysql >Bagaimana untuk Memasukkan Data ke dalam Pangkalan Data MySQL dari Borang PHP Menggunakan jQuery/AJAX?

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

Barbara Streisand
Barbara Streisandasal
2024-11-01 16:16:021056semak imbas

How to Insert Data into a MySQL Database from a PHP Form Using 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!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn