为什么我的 $.load() 没有提交表单数据，如何使用 AJAX 代替？-php教程-PHP中文网

为什么我的 $.load() 没有提交表单数据，如何使用 AJAX 代替？

Susan Sarandon

发布： 2024-12-25 11:25:13

原创

562 人浏览过

Why Doesn't My $.load() Submit Form Data, and How Can I Use AJAX Instead?

表单数据未通过 $.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中文网其他相关文章！