Question

我有一个包含2个字段的html表单：姓名和电子邮件。我需要将表单值从同一个提交按钮提交到2个不同的URL。我已经尝试过使用jquery，序列化和发布但我不清楚如何实现这一点。我不能在这个例子中使用PHP。

<!doctype>
<html>
<head>
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

</head>
<body>

<form action="" method="post" name="myform" id="myform">

<input type="text" value="name" />
<input type="email" value="email" />
<input type="button" id="submit" value="submit" />
</form>

<script type="text/javascript">
$(document).ready(function(){
    var url1 = "some-url.com";
    var url2 = "some-other-url";
   $("#submit").click(function() {
        $.post("url1", $("form#myform").serialize());
    $.post("url2", $('formmy#myform').serialize());
    })
})
</script>
</body>

Answer 1

如果你正在使用jquery：

$( "form" ).submit(function( event ) {
  submitToURL1();
  submitToURL2();
  //something else
  alert( "Handler for .submit() called." );
  event.preventDefault(); //so that it doesn't get suimitted again
});

submitToURL1可能是这样的：

$.post("url1", data : $("form").serialize());

.serialize()是一个jquery函数，它接受表单中的元素并很好地排列它们，以便您可以将它们作为params发送到post方法。 https://api.jquery.com/serialize/

此处提供更多信息：https://api.jquery.com/submit/

提交到多个网址

1 个答案: