Bagaimana untuk Menghantar Borang Ajax Menggunakan Kaedah $.load() jQuery dan Mencegah Muat Semula Halaman?

Penyerahan Borang Ajax dengan $.load()

kaedah $.load() jQuery membolehkan anda untuk muatkan kandungan luaran ke dalam elemen tertentu tanpa memuatkan semula keseluruhan halaman. Walau bagaimanapun, apabila memuatkan borang menggunakan $.load(), anda mungkin menghadapi masalah dengan penyerahan borang tidak berfungsi dengan betul.

$.load() dan Penyerahan Borang Ajax

Secara lalai, borang yang dimuatkan menggunakan $.load() tidak akan diserahkan secara automatik melalui Ajax. Untuk mendayakan penyerahan borang Ajax, anda perlu menggunakan pilihan "data" dalam kaedah $.load(). Pilihan "data" membolehkan anda menghantar parameter ke skrip sebelah pelayan semasa memuatkan borang.

Contoh:

$('#CenterPiece') .load(Baca ini, {

TestVar: htmlencode(TestVar)

});

Dalam contoh ini, parameter "TestVar" dihantar kepada "MonsterRequest.php" apabila borang dimuatkan. Skrip sebelah pelayan (MonsterRequest.php) boleh mengakses parameter ini menggunakan $_POST['TestVar'].

Elakkan Muat Semula Halaman

Untuk menghalang halaman daripada memuat semula apabila borang diserahkan, gunakan kaedah "event.preventDefault()" dalam acara serah pengendali.

Contoh:

$('borang'). serahkan(fungsi(acara) {

event.preventDefault();
$.ajax({
    type: "POST",
    url: "MonsterRequest.php",
    data: $(this).serialize(),
    success: function(data) {
        // Process server response
    }
});

});

Kod ini akan menghalang borang daripada diserahkan menggunakan kaedah HTTP GET lalai dan sebaliknya akan menghantar borang data melalui Ajax. Skrip "MonsterRequest.php" akan memproses data borang tanpa memuatkan semula halaman.

Nota: Memastikan skrip sebelah pelayan (MonsterRequest. php) mengendalikan permintaan Ajax dengan betul adalah penting. Skrip hendaklah menggunakan kaedah $_POST untuk menerima data borang dan melakukan sebarang pemprosesan yang diperlukan.

Atas ialah kandungan terperinci Bagaimana untuk Menghantar Borang Ajax Menggunakan Kaedah $.load() jQuery dan Mencegah Muat Semula Halaman?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!