Question

我知道可以submit POST request to an iframe使用target属性。

有没有办法同时从一个表单向多个iframe提交POST请求？

HTML和JS解决方案都可以接受。

Answer 1

Javascript解决方案将是您最好的选择。

<form id="form">
  <input type="text" name="xyz" value="random data" />
  <button type="submit">Go</button>
</form>

在JS中，您可以在提交表单时附加事件监听器。侦听器将触发一个可以将表单数据发送到多个目标的函数：

var form = document.getElementById("form");

if(form.attachEvent) {
  form.attachEvent("submit", submitForm);

} else {
  form.addEventListener("submit", submitForm);
}

function submitForm(e) {
  if(e.preventDefault) {
    e.preventDefault();
  }

  this.target = "first_iframe";
  this.submit();

  var secondForm = this.cloneNode();
  secondForm.target = "second_iframe";
  secondForm.submit();
}

表单 - 向多个iframe提交POST请求

1 个答案: