send JavaScript array through jQuery AJAX POST

Question

What I want to do is send an JavaScript Array to a PHP file.
This is what I got:

var mydata = [];
        console.log(document.getElementsByTagName("input")[0].name);
        for (var i = 0; i < document.getElementsByTagName('input').length; i++) {
            mydata[document.getElementsByTagName("input")[i].name] = document.getElementsByTagName("input")[i].value;
        };
        for (var i = 0; i < document.getElementsByTagName('select').length; i++) {
             mydata[document.getElementsByTagName("select")[i].name] = document.getElementsByTagName("select")[i].value;
        };
        console.log(mydata);

        $.ajax({
            method: "POST",
            url: "q.php",
            data: {'lol': JSON.stringify(mydata)},
            contentType: 'application/json',
            dataType: 'json'
        })
        .done(function( msg ) {
            alert( "Data Saved: " + msg );
            $('#debug').html(msg);
        });

So as you can see, I create an array with a loop, at that moment all is fine. The problem is when I try to sent it through POST with JSON. I don't know if this is the best method...

I tried without JSON.stringify(); but the $_POST still empty

It seems like the post isn't sent, but I can see in the console the XHR post request has been sent.

You said: "but the same error occurs". What is the error? Can you provide the error message? — Justin Helgerson
– Justin Helgerson, Commented May 29, 2015 at 2:08
The POST that you see contains the data that you need? I think that the JSON.stringify is not necessary. you are getting a response error or a javascript error? — ecarrizo
– ecarrizo, Commented May 29, 2015 at 2:11
EDIT The $_POST is empty, I tried with out the JSON.stringify but it still empty. — wwwanaya
– wwwanaya, Commented May 29, 2015 at 2:15

Romeo · Accepted Answer · 2015-05-29 03:02:47Z

3

Try to use this code and see the changes.

remove the contentType: 'application/json', dataType: 'json'

And change var mydata = [] into var mydata = {}

your ajax should look like this

        $.ajax({
            method: "POST",
            url: "q.php",
            data: {'lol': mydata}
        })
        .done(function( msg ) {
            alert( "Data Saved: " + msg );
            $('#debug').html(msg);
        });

You dont have to stringify your mydata because you already decleared it as object.

Hope it helps

answered May 29, 2015 at 3:02

Romeo

1491 silver badge9 bronze badges

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

Collectives™ on Stack Overflow

send JavaScript array through jQuery AJAX POST

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related