javascript - 将表单值发送到多个页面

Question

我正在开发一个 Web 应用程序，我需要将值从一个表单发送到多个页面。

我的表格很简单:

<form method="post">
    <input type="text" name="name" value="">
    ...
</form>

我希望将表单中的值发送至:

• 'page1.php' 将替换包含显示消息的表单的实际页面:数据已保存
• “page2.php”，当我单击提交按钮将数据呈现为 PDF 文件时，该文件将打开

问题是我只能使用表单的 action 属性指定一个目标。

有人可以帮忙吗？提前致谢。

我可以使用 JavaScript 或 jQuery 或其他吗？

Answer 1

例如，您可以使用 JavaScript 和 jQuery 来完成此操作。最简单的方法是发送两个ajax请求:

$('form').submit(function() {
    $.ajax({
        async: false,
        method: 'POST',
        url: 'page2.php',
        data: $( this ).serialize(),
        success: function() {
             window.open("http://www.stackoverflow.com"); //this page will be open in new tab
        }
    });

    $.ajax({
        async: false,
        method: 'POST',
        url: 'page1.php',
        data: $( this ).serialize(),
        success: function() {
            window.location.href = "http://stackoverflow.com"; //redirect to this page
        }
    });
});