在 2 个不同页面中发送的表单数据

Question

我有一个表单，当我单击一个按钮时，数据通过 email 发送。
我遇到的问题是我希望将相同的数据插入到表中。

我在这里找到了一个解决方案： 将表单值发送到多个页面
但我不知道如何在我的代码中插入那部分代码。
这是我放在页面中的代码：

<script language="Javascript">
<!--
$('form').submit(function() {
    $.ajax({
        async: false,
        method: 'POST',
        url: 'submit.php',
        data: $( this ).serialize(),
        success: function() {
            window.location.href = "http://stackoverflow.com"; //redirect to this page
        }
    });

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

事实是，我不知道我插入是否正确，也不知道如何调用按钮上的function。

Answer 1

您不必完全调用按钮上的 function。 如果您在 html 或 php 文件中包含 js，其中包含表单标签<form>一旦单击带有 type="submit" 的按钮，将触发事件。 但是，如果您必须使用不会在点击时自动触发表单提交的按钮，那么您可以通过向表单添加 id 并提交按钮的 onclick 来手动触发

如果你有

<form id="target">
  <input type="text" value="Hello there">
  <input type="submit" value="Go">
</form>

你可以这样做

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

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

如果你有

<form id="target">
      <input type="text" value="Hello there">
      <button id="submit-form">Submit</button
    </form>

你可以有这个

$( "#submit-form" ).click(function() {
  $( "#target" ).submit();
});

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