Mengapa Catatan AJAX Saya Gagal Apabila Memuatkan Borang dengan $.load() jQuery?

Ajax Post Failure With Loaded Form

Dalam senario di mana klik butang mencetuskan pemuatan borang luaran menggunakan jQuery's $.load( ) kaedah, isu timbul apabila borang cuba menyiarkan data. Daripada dimajukan ke fail PHP yang dimaksudkan, halaman memuat semula sendiri.

Gambaran Keseluruhan AJAX

Sebelum menyelidiki penyelesaian, adalah penting untuk memahami konsep AJAX ( JavaScript dan XML tak segerak). AJAX membenarkan tapak web bertukar data dengan pelayan tanpa memuat semula keseluruhan halaman.

Isu dan Penyelesaian

Isu di sini berpunca daripada kurangnya pemahaman tentang cara AJAX berfungsi . Butang mencetuskan pemuatan borang luaran menggunakan $.load(), tetapi ini tidak mewujudkan permintaan AJAX. Untuk menyiarkan data melalui AJAX, borang mesti diserahkan menggunakan fungsi $.ajax().

Kod Contoh

Pertimbangkan kod yang disemak berikut:

$('#Sel').change(function() {
    var opt = $(this).val();
    var someelse = 'Hello';
    var more_stuff = 'Goodbye';
    $.ajax({
        type: "POST",
        url: "receiving_file.php",
        data: 'selected_opt=' + opt + '&something_else=' +someelse+'&more_stuff='+more_stuff,
        success:function(data){
            alert('This was sent back: ' + data);
        }
    });
});

Dalam kod yang disemak ini, data borang disiarkan menggunakan $.ajax(). Skrip akan menghantar nilai yang dipilih dan parameter tambahan ke "receiving_file.php" dan memaparkan data yang dikembalikan dalam kotak amaran.

Atas ialah kandungan terperinci Mengapa Catatan AJAX Saya Gagal Apabila Memuatkan Borang dengan $.load() jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!