Submitting multiple forms with Javascript (no refresh)

Question

I am trying to run this in Chrome/Firefox Console but not having any luck.

(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);

Can anyone spot any problems with it? Thanks

EDIT: I have fixed the problem. Thanks @Niklas

I see you adding an event listener, but you aren't submitting the form here. — agent-j
– agent-j, Commented Jun 17, 2011 at 23:51
Two important questions: 1. What do you expect this script to do? 2. What is actually happening? — gilly3
– gilly3, Commented Jun 18, 2011 at 0:05
1. As the subject states "Submitting multiple forms with Javascript (no refresh)" - I want it to submit all the forms on the page. 2. Nothing. I am writing something now to hit the submit buttons. Not sure if it will work. — StevenBullen
– StevenBullen, Commented Jun 18, 2011 at 0:09

Niklas · Accepted Answer · 2011-06-17 23:50:46Z

1

The problem is that you are preventing the form submissions but not actually doing anything to send them. You'd presumably want to add some ajax to send the data.

answered Jun 17, 2011 at 23:50

Niklas

30k5 gold badges54 silver badges74 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

Submitting multiple forms with Javascript (no refresh)

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related