如何使用$.load提交表单数据而不需要重新加载页面？

通过 $.load 提交数据而不重新加载页面

当使用 $.load() 在表单中加载远程内容时，可能会出现提交数据的问题。当请求由与表单相同的页面处理时，就会出现此问题，导致重新加载而不是正确提交数据。

要解决此问题，请考虑使用 AJAX 技术将数据发布到外部 PHP 文件。下面是一个演示示例：

AJAX 代码（文件 #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>

PHP 文件 #2（receiving_file.php）：

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

在此设置中，当用户更改下拉列表选择时，AJAX 请求将发送到receiving_file.php，后者处理数据并返回可以在浏览器中显示的响应，而无需重新加载页。这解决了表单中数据未正确发布的问题。

以上是如何使用$.load提交表单数据而不需要重新加载页面？的详细内容。更多信息请关注PHP中文网其他相关文章！