Bagaimanakah Saya Boleh Menghantar Data Borang dengan $.load Tanpa Memuat Semula Halaman?

Menyerahkan Data melalui $.load Tanpa Muat Semula Halaman

Apabila memuatkan kandungan jauh dalam borang menggunakan $.load(), mungkin terdapat masalah dengan menyerahkan data. Masalah ini berlaku apabila permintaan dikendalikan oleh halaman yang sama dengan borang, mengakibatkan muat semula dan bukannya penyerahan data yang betul.

Untuk menyelesaikannya, pertimbangkan untuk menggunakan teknik AJAX untuk menyiarkan data ke fail PHP luaran. Berikut ialah contoh untuk ditunjukkan:

Kod AJAX (FAIL #1):

<script>
$(function() {
    $('#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('Data received: ' + data);
            }
        });
    });
});
</script>

Fail PHP #2 (receiving_file.php):

<?php
    $recd = $_POST['selected_opt'];
    echo 'Option chosen: ' . $recd;
?>

Dalam persediaan ini, apabila pengguna menukar pilihan lungsur turun, permintaan AJAX dihantar ke receiving_file.php, yang memproses data dan mengembalikan respons yang boleh dipaparkan dalam penyemak imbas tanpa memuatkan semula muka surat. Ini menangani isu data tidak disiarkan dengan betul dalam borang.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Menghantar Data Borang dengan $.load Tanpa Memuat Semula Halaman?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!