為什麼我的 $.load() 沒有提交表單數據，如何使用 AJAX 來代替？

表單資料未透過$.load 提交

問題：

問題：

>點擊下面觸發下面觸發下面觸發的程式碼，但是當透過a執行時，它的post請求無法到達預期的PHP檔案（MonsterRequest.php） $.load 呼叫。相反，頁面會重新加載，從而限制了在不重新加載的情況下提交資料的能力。

答案：

為了方便在不重新加載頁面的情況下發布數據，了解 AJAX 至關重要。 AJAX 透過將數據傳送到外部 PHP 檔案來處理數據，該檔案會傳回結果。

實作：

在第一個檔案中，將變更事件處理程序附加到擷取所選選項的相關元素。然後，資料透過 AJAX POST 請求傳送到第二個檔案。如果成功，返回的數據將顯示在警報中。

檔案 1：

    <script>
        $(document).ready(function() {
            $('#Sel').change(function() {
                var opt = $(this).val();
                $.ajax({
                    type: "POST",
                    url: "receiving_file.php",
                    data: 'selected_opt=' + opt,
                    success:function(data){
                        alert('This was sent back: ' + data);
                    }
                });
            });
        });
    </script>

檔案 2：receiving_file.php

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

以上是為什麼我的 $.load() 沒有提交表單數據，如何使用 AJAX 來代替？的詳細內容。更多資訊請關注PHP中文網其他相關文章！