PHP handle $_POST from XMLHttpRequest2 with new FormData() and append()

Question

Using PHP how can I process data sent via XMLHttpRequest2 with new FormData() and append() like traditional form data?

In my AJAX parameters handling function the parameters would look like the following:

q1=v1&q2=v2&q3=v3

You could use print_r($_POST); and determine to access $_POST['q1'] to get the value v1 easily.

While testing XMLHttpRequest2 with new FormData() and append() on the server when I have PHP and use print_r($_POST); I get the following:

-----------------------------3875113001076
Content-Disposition: form-data; name="q1"
v1

-----------------------------3875113001076
Content-Disposition: form-data; name="q2"
v2

-----------------------------3875113001076
Content-Disposition: form-data; name="q3"
v3

However I can no longer access $_POST['q1'];.

JavaScript AJAX Parameters Function

function ajax_parameters(id)
{
 var f;
 var fd = new FormData();

 if (id_(id) || typeof id=='object' && id.nodeName.toLowerCase()=='form')
 {
  if (id_(id)) {f = id_(id);}
  else {f = id;}

  for (var i = 0;i<f.elements.length;i++)
  {
   if (f.elements[i].type!='file')
   {
    fd.append(f.elements[i].name,f.elements[i].value);
   }
   else
   {
    for (var j = 0; j < f.elements[i].files.length; ++j)
    {
     fd.append(f.elements[i].name+'['+j+']', f.elements[i].files[j],f.elements[i].files.item(j).name);
    }
   }
  }
 }
 return fd;
}

Weird, I just tested AJAX with print_r ($_POST) and could retrieve the result just fine. Maybe post the full code you're using? — GGG
– GGG, Commented Oct 14, 2015 at 20:18
@GGG Updated, adding encodeURIComponent() doesn't seem to do any good. — John
– John, Commented Oct 14, 2015 at 20:27
You're able to use new FormData(id) to create the FormData if the id is the form element. No need to iterate through all elements of the form since FormData can do that by itself. — GGG
– GGG, Commented Oct 14, 2015 at 20:27
Also, you'll need to iterate through the files as FormData doesn't does that. — GGG
– GGG, Commented Oct 14, 2015 at 20:35

GGG · Accepted Answer · 2015-10-14 20:40:04Z

1

You're able to use new FormData(id) to create the FormData if the id is the form element. No need to iterate through all elements of the form since FormData can do that by itself.

answered Oct 14, 2015 at 20:40

GGG

6701 gold badge9 silver badges27 bronze badges

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

1 Comment

John Over a year ago

Firefox 38 ESR apparently automatically determines the correct mime (application/x-www-form-urlencoded or multipart/form-data) but I'll need to test. Visit my profile/site to see what you're contributing to and thanks!

Collectives™ on Stack Overflow

PHP handle $_POST from XMLHttpRequest2 with new FormData() and append()

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related