将表单数据提交到2个位置

时间:2015-07-22 09:20:23

标签: javascript jquery html

我有一个目前发布到一个位置的表单,但是我希望同时将数据发送到另一个位置但是改变了ID,例如当前电子邮件的名称属性是id="ApplicationAppEmail"但是我希望对于第二个表单,将name属性提交为id="Email",因为第二个服务器以不同方式接受帖子。

我在这里阅读了很多帖子,但找不到确切的方法。

4 个答案:

答案 0 :(得分:1)

你可以做两件事。 当您通过ajax进行POST时,您可以:

<script>
       var getEmail;
$('#form').on('submit', function(){
    getEmail = $("#emailId").val();
    $.ajax({
        type: 'POST',
        url: 'https://test.com//Action/SavePageOne',
        crossDomain: true,
        data: { ApplicationAppEmail : getEmail  },
        success: function(responseData, textStatus, jqXHR) {
            var value = responseData.someKey;
        },
        error: function (responseData, textStatus, errorThrown) {
            alert('POST failed.');
        }
    }).then(function(){
     $.ajax({
        type: 'POST',
        url: 'https://test.com//Action/SavePageOne',
        crossDomain: true,
        data: { email: getEmail  },
        success: function(responseData, textStatus, jqXHR) {
            var value = responseData.someKey;
        },
        error: function (responseData, textStatus, errorThrown) {
            alert('POST failed.');
        }
    })
  })

  return false
})
</script>

或者你支持SavePageOne或SavePageTwo,你可以获得#emailId并将其投射到那里。

答案 1 :(得分:0)

当您从提交到原始表单操作属性时,在该php页面上使用ajax并操纵相关字段和操作位置。请发送您想要操作的位置,第一个和另一个位置。

答案 2 :(得分:0)

是的,可以这样做。使用jquery ajax或Native ajax方法将表单数据发送到多个文件。

 $.ajax({});

使用ajax将表单数据发送到第一个表单,并在完成第一个ajax请求后,执行本机表单提交。

但是你不能使用本机表单方法将表单数据发送到两个文件。只允许一个文件

答案 3 :(得分:0)

发送帖子请求时,表示从服务器获取响应。只有一个回应。如果要发送两个请求,请尝试$ .ajax({})

示例:

&#13;
&#13;
$('#form').on('submit', function(){
  $.ajax({
    url: 'api1',
    data: {}
  }).then(function(){
    $.ajax({
      url: 'api2',
      data: {}
    })
  })
  
  return false
})
&#13;
&#13;
&#13;