使用JavaScript提交多种表单（不刷新）

Question

我正在尝试在Chrome / Firefox控制台中运行此程序，但没有任何运气。

(function(d) {
  var form = d.getElementsByTagName('form');
  var i = form.length;

  while (i--) {

    form[i].addEventListener("submit", function(evt){
        evt.preventDefault();
    }, false);

    xhr = new XMLHttpRequest();
    xhr.open("POST", "http://example.com/", true);
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xhr.send("media_id=" + form[i].elements["media_id"].value);

  }
})(this.document);

谁能发现任何问题？ 谢谢

编辑：我已经解决了问题。 谢谢@Niklas

Answer 1

问题在于您正在阻止表单提交，但实际上并没有做任何发送工作。 您可能想添加一些ajax来发送数据。