PHP Javascript 单表单调用提交到两个表单

Question

你看到了吗？
submit a form inside another form

Submitting form data to two locations using Javascript and PHP?

他们都没有真正回答这个问题。

让我解释一下这个场景。我有一个要求提供姓名、电子邮件和电话号码的表格，它需要提交到两个不同供应商的两个地点。

1) 阿韦伯 2) 公司

一种可能性是创建一段 Javascript 代码，当人们单击“提交”时，它会将其发送到两个不同浏览器窗口中的两个表单调用（这将是我的首选方法）

第二种可能性是首先将其发送到 Aweber (autorespnder)，然后将变量传递到自定义 PHP 页面。使用 $_GET 获取变量，然后将它们传递到自动表单提交中，然后将它们传递到发送给公司的第二个表单。

例如 - 我可以先将表单提交给 Aweber，然后将结果传递回 form.php：

$name = $_get['name'];
$email = $_get['email'];
$phone = $_get['phone'];

如果使用 Curl 或 javascript，表单的其余部分会是什么样子？

我尝试将变量传递到公司发布表单中。它不接受任何 GET 命令 - 它只接受 POST 命令，因此 CURL 可能不起作用，（除非有办法通过 CURL 发布表单？）

谁有一个优雅的解决方案，对最终用户来说看起来不错？

你有什么想法？提前致谢！

Answer 1

没有任何真实数据可继续或真实表单可调用，这应该给出如何使用 AJAX 和 jQuery 的基本概念。

*更新

我更新了答案以显示如何将表单变量作为帖子而不是 get 传递。

HTML

<form id="test-form">
  <input type="text" id="name" name="name"/>
  <input type="submit" value="submit"/>
</form>

<p class="response1">
  Response 1 goes here
</p>
<p class="response2">
  Response 2 goes here
</p>

jQuery

$("#test-form").on("submit", function(e) {
  e.preventDefault(); //stops the form from actually submitting
  var root = 'https://jsonplaceholder.typicode.com';

  $.ajax({
    url: root + '/posts/1',
    method: 'POST',
    data: $("#test-form").serialize()
  }).then(function(data) {
    if(data) {
        $(".response1").text(data.title);
        $.ajax({
          url: root + '/posts/2',
          method: 'POST',
          data: $("#test-form").serialize()
        }).then(function(data) {
          if(data) {
            $(".response2").text(data.title);
          }
        });
    }
  });
})

显然，您必须正确设置 URL 并传递帖子数据，但这里不会发生这种情况，因为我没有用于查询接受帖子数据的 API。第一个表单提交后，它将数据发送到第二个表单。您如何处理数据将取决于服务器的响应。

小提琴：https://jsfiddle.net/calder12/t0fos3kk/1/