Rumah > Artikel > hujung hadapan web > Bagaimana untuk Menyiarkan Data Borang Dengan Betul Dalam $.load Menggunakan AJAX?

Bagaimana untuk Menyiarkan Data Borang Dengan Betul Dalam $.load Menggunakan AJAX?

Mary-Kate Olsenasal: 2024-11-11 14:04:03471semak imbas

How to Correctly Post Form Data Within $.load Using AJAX?

Menggunakan AJAX untuk Membetulkan Penyiaran Borang Dalam $.load

Apabila cuba menghantar data daripada borang dalam panggilan $.load, anda mungkin menghadapi masalah di mana siaran tidak dihantar dengan betul ke skrip PHP sasaran. Ini boleh menyebabkan halaman dimuat semula dan bukannya memproses data yang diserahkan.

Untuk menyelesaikan masalah ini, pertimbangkan untuk melaksanakan AJAX. AJAX membolehkan anda menghantar data ke fail PHP sebelah pelayan tanpa memuatkan semula halaman. Begini cara ia berfungsi:

FAIL #1:

Fail ini mengandungi kod HTML dan JavaScript untuk borang.

<html>
    <head>
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.3/jquery.min.js"></script>
        <script type="text/javascript">
            $(document).ready(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 + '&amp;something_else=' +someelse+'&amp;more_stuff='+more_stuff,
                        success:function(data){
                            alert('This was sent back: ' + data);
                        }
                    });
                });
            });
        </script>
    </head>
<body>

<select id = "Sel">
    <option value ="Song1">default value</option>
    <option value ="Song2">Break on through</option>
    <option value ="Song3">Time</option>
    <option value ="Song4">Money</option>
    <option value="Song5">Saucerful of Secrets</option>
</select>
</body>
</html>

FAIL #2: receiving_file.php

Fail ini ialah skrip PHP yang akan memproses data yang diserahkan.

    $recd = $_POST['selected_opt'];
    echo 'You chose: ' . $recd;

Kaedah ini memastikan data borang disiarkan tanpa memuatkan semula halaman, membolehkan anda memproses data dan bertindak balas dengan sewajarnya.

Atas ialah kandungan terperinci Bagaimana untuk Menyiarkan Data Borang Dengan Betul Dalam $.load Menggunakan AJAX?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

php JavaScript ajax html for using this issue

Kenyataan：

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 sebelumnya：Mengapa Pembangun Perlu Mengelak Menggunakan ID Elemen sebagai Pengecam Secara Terus dalam JavaScript?Artikel seterusnya：Mengapa Pembangun Perlu Mengelak Menggunakan ID Elemen sebagai Pengecam Secara Terus dalam JavaScript?

Artikel berkaitan

Lihat lagi