Rumah > pembangunan bahagian belakang > tutorial php > Bagaimanakah Saya Boleh Menghantar Borang ke PHP Menggunakan AJAX Tanpa Penyegaran Halaman?

Bagaimanakah Saya Boleh Menghantar Borang ke PHP Menggunakan AJAX Tanpa Penyegaran Halaman?

DDD
Lepaskan: 2024-12-28 00:04:09
asal
990 orang telah melayarinya

How Can I Submit a Form to PHP Using AJAX Without a Page Refresh?

Penyerahan Borang dengan AJAX: Menghantar Data ke PHP Tanpa Menyegarkan

Dalam percubaan untuk menyerahkan data borang ke PHP melalui AJAX tanpa memuat semula halaman , ramai yang menghadapi masalah apabila butang ditekan tidak menghasilkan sebarang tindakan. Ini boleh dikaitkan dengan kecenderungan semula jadi borang untuk menyerahkan selepas permintaan AJAX.

Untuk menangani perkara ini, peristiwa penyerahan borang mesti dipintas dan dihalang daripada mencetuskan gelagat lalainya. Dengan melaksanakan kod berikut, borang akan kekal pada halaman sementara data dihantar ke pelayan melalui AJAX:

$('form').on('submit', function (e) {
  e.preventDefault();

  $.ajax({
    type: 'post',
    url: 'post.php',
    data: $('form').serialize(),
    success: function () {
      alert('form was submitted');
    }
  });
});
Salin selepas log masuk

Dengan pengubahsuaian ini, borang tidak lagi akan menyerahkan datanya secara konvensional, membenarkan permintaan AJAX untuk mengendalikan pemindahan data. Kaedah 'e.preventDefault()' berkesan menghalang gelagat penyerahan lalai penyemak imbas, membolehkan proses penyerahan dikawal melalui AJAX.

Dengan memasukkan coretan ini, anda boleh menyerahkan data borang ke PHP secara tidak segerak, tanpa perlu untuk menyegarkan halaman.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghantar Borang ke PHP Menggunakan AJAX Tanpa Penyegaran Halaman?. 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
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan