Bagaimana untuk Menyiarkan Data Borang Dengan Betul Dalam $.load Menggunakan AJAX?-tutorial js-php.cn

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

Mary-Kate Olsen

Lepaskan： 2024-11-11 14:04:03

asal

470 orang telah melayarinya

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>

Salin selepas log masuk

FAIL #2: receiving_file.php

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

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

Salin selepas log masuk

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!