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

Barbara Streisand
Lepaskan: 2024-11-01 16:16:02
asal
1043 orang telah melayarinya

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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>
Salin selepas log masuk

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!

sumber:php.cn
Kenyataan Laman Web ini
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
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan