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

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 请求

Form - submit POST request to multiple iframes

html

javascript

forms

iframe

form-submit