Javascript 将表单值发送到多个页面

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

我的表格很简单：

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

...

我希望表单中的值发送到：

• “page1.php”将替换包含表单的实际页面，该表单显示消息：data saved
• “page2.php”，当我单击submit按钮将数据呈现为PDF文件时，它将打开

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

有人能帮忙吗？提前谢谢

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

您可以将jQuery.post（）用于不同的URL和相同的数据。 有关用法的更多信息，请参见此处：

您可以将Jquery.post（）用于不同的URL和相同的数据。

---

更多关于用法的信息在这里：

例如，您可以使用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
        }
    });
});

---

例如，您可以使用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
        }
    });
});

---

你到底想做什么？提交表单时，您希望打开多个页面？您是否考虑过使用

$\u SESSION

变量存储表单数据？，

$\u SESSION

将在所有*.php页面中保持不变。如果您能澄清您的想法@always sunny？@heaner，是的，我希望表单的值发送到两个页面第一个页面是包含表单的页面，第二个页面在我提交表单之前不会打开，而是创建了一个新选项卡。您到底想做什么？提交表单时，您希望打开多个页面？您是否考虑过使用

$\u SESSION

变量存储表单数据？，

$\u SESSION

将在所有*.php页面中保持不变。如果您能澄清您的想法@always sunny？@heaner，是的，我希望表单的值发送到两个页面。第一个页面是包含表单的页面，第二个页面在我提交表单之前不会打开，直到创建了一个新的选项卡。我考虑过这样做，但是如何在另一个选项卡中打开第二个页面？@Mananis，您也可以使用JavaScript。只需调用

window.open（“http://www.example.com/page2.php");在成功回调中。我将编辑上面的代码以便查看。谢谢，当我添加以下内容以防止默认表单发送时，您的解决方案运行良好：$（'form'）.submit（函数（ev）{ev.preventDefault（）；…}）；是的，我忘了：）问候；）我想这么做，但是如何在另一个选项卡中打开第二个页面？@mananis，你也可以使用JavaScript。只需调用
window.open（“http://www.example.com/page2.php");在成功回调中。我将编辑上面的代码以便查看。谢谢，当我添加以下内容以防止默认表单发送时，您的解决方案运行良好：$（'form'）.submit（函数（ev）{ev.preventDefault（）；…}）；是的，我忘了：）问候；）我想过如何打开另一个选项卡？我想过如何打开另一个选项卡？