将表单提交到2个不同的网站第二次通过javascript

Question

我有一种情况，我想同时将表单数据发布到2个不同的位置。我无法控制位置，它们是跨域的。 我在这里发现了一篇以前的帖子，使用了一个iframe，现在我找不到，我已经注册了。它每次提交给第一个，但第二个只提交25％的时间。我需要它在所有主要浏览器中更可靠地工作。尝试使用Ajax，但无法让它在IE中跨域尝试在这个论坛中提出的许多解决方案。 谢谢。 埃德

<form name="myForm" method="post" action="http://www.firstwebsite.com" onsubmit="return submit2nd()" > 
<input type="email" name="email" value='' /> 
<input type="submit" name="submit" /> 
</form> 
<script> 

function submit2nd(){ 
var x=document.forms["myForm"]["email"].value; 
var iframe = document.createElement("iframe"); 
var uniqueString = "asderwegthyuq123"; 
document.body.appendChild(iframe); 
iframe.style.display = "none"; 
iframe.contentWindow.name = uniqueString; 
var form = document.createElement("form"); 
form.target = uniqueString; 
form.action = "http://www.secondwebsite.com"; 
form.method = "POST"; 
var input = document.createElement("input"); 
input.type = "hidden"; 
input.name = "email"; 
input.value = x; 
form.appendChild(input); 
document.body.appendChild(form); 
form.submit(); 
return true; 
} 
</script>  

Answer 1

复制在提交形式和不同目的地提交表单两个内部框架，或使用AJAX。我强烈建议使用框架，如JQuery，这样您就不必担心兼容性问题。

你的代码发生了什么，它会尝试在提交第一页期间提交到第二页。如果提交到第一页在提交到第二页之前完成，则第二次提交将不会成功。如果您离开页面，当前页面中的所有脚本都将停止（因为您将访问www.firstwebsite.com）。

一个解决方案，你可以在这里做的是：

1. 变化submit2nd()，使其提交的第一和第二的网站。
2. submit2nd()应该返回false，因此它不会尝试提交到action属性中的页面。
3. 提交后（单击提交按钮），复制表单。
4. 第一种形式 - >将action更改为www.firstwebsite.com - >提交。
5. 第二种形式 - >将action更改为www.secondwebsite.com - >提交。

注意：如果您希望为此使用AJAX，请确保您没有跨域问题。在您的示例中，您尝试将表单提交给两个不同的域：firstwebsite.com和secondwebsite.com。如果它们位于不同的域中，则需要特殊设置。您可以对此read more或检查本政策的explanation。