在页面加载时提交 $_POST 变量而不刷新

Question

我有两个页面，Page_A.php 和 Page_B.php。 Page_A.php 是用户填写表单并单击提交的地方，将他们定向到 Page_B.php。 Page_B.php 充当一种确认页面，带有一个隐藏表单，用于捕获值并在标签中显示相关信息。我检查了隐藏的输入，它们实际上正在捕获这些值。

我正在尝试在页面加载时提交表单而不刷新页面。我试过用 Ajax 来做这件事，但似乎无法提交表单。在这里寻求任何建议

<script>
    jQuery(document).ready(function($){
        ajax();
    });
    function ajax(){
        var url = "<?php echo get_stylesheet_directory_uri(); ?>/pricing-form/form-handler.php";
        $.ajax({
            type: "POST",
            url: url,
            data:$( "#hidden-form" ).serialize(),
            dataType: "html", //expect html to be returned                
            success: function (response) {
                $("#prores").html(response);
            }
        });
        return false;
    };
</script>

Answer 1

您可以简单地执行以下操作。

<script>
$(document).ready(function() {
    ajax();
});
function ajax(){
    $.ajax({
        url : 'target url',
        type : 'POST',
        data : $('#hidden-form').serialize(),
        success: function() {
            alert('form was submitted');
        }
    });
    return false;
};

</script>