Send multiple JSON objects through AJAX/jQuery returns me an "undefined" array (PHP)

Question

The goal

Send [{"ID": 1, "Name": "XBOX"}, {"ID": 2, "Name": "Playstation 3"}] via $.ajax() using jQuery.

The problem

I have this:

[...]

var object = $.parseJSON(data);

$.ajax({
    type: "POST",
    url: "laboratory.php",
    data: object,
    success: function(response) {
        console.log(response);
    }
});

And, in laboratory.php:

<?php print_r($_REQUEST); ?>

And finally, the return via console is:

Array
(
    [undefined] => 
)

This is what the data's variable means:

[{"ID": 1, "Name": "XBOX"}, {"ID": 2, "Name": "Playstation 3"}]

And this is what object means (by Chrome's console):

[Object, Object]

Can someone give me an idea?

you are POSTING data, have you looked in the $_POST structure? since you're passing an array of object o jquery, jquery will attempt to turn that into a string of form params. — user400654
– user400654, Commented Oct 10, 2013 at 19:36
Are you saying me to debug with print_r($_POST);? If yes, then I already did and the return is the same. — Guilherme Oderdenge
– Guilherme Oderdenge, Commented Oct 10, 2013 at 19:37
What exactly do you want to send to the server? json, or post params — user400654
– user400654, Commented Oct 10, 2013 at 19:38

Jonathan Marzullo · Accepted Answer · 2013-10-10 19:43:58Z

3

have you tried using JSON.stringify:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/stringify

$.ajax({
    type: "POST",
    contentType: 'application/json',
    url: "laboratory.php",
    data: JSON.stringify(object), // using stringify
    success: function(response) {
       console.log(response);
    }
});

answered Oct 10, 2013 at 19:43

Jonathan Marzullo

7,0613 gold badges42 silver badges48 bronze badges

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

2 Comments

Jefrey Sobreira Santos Over a year ago

It works! But it's kinda weird having to stringify the JSON object while the docs say that the data parameter can be a plain object... Perhaps a jQuery version issue?

Jonathan Marzullo Over a year ago

Glad you got it working! :) Maybe something is buggy about the jQuery $.parseJSON() method, maybe it isn't passing a plain javascript object?

user400654 · Accepted Answer · 2013-10-10 19:41:51Z

1

Here's the problem. passing your array of objects to $.param() (which is what jQuery does internally with data: that isn't a string) results in "undefined=undefined&undefined=undefined" which is exactly what you are getting back from php. Your array simply is in a format that jQuery can't understand. Since what you actually want to send is json, don't use $.parseJSON because it'll turn your json into an array and what you really want is just a string.

//var object = $.parseJSON(data);

$.ajax({
    type: "POST",
    url: "laboratory.php",
    data: data,
    success: function(response) {
        console.log(response);
    }
});

answered Oct 10, 2013 at 19:41

user400654

95.1k16 gold badges168 silver badges188 bronze badges

11 Comments

Guilherme Oderdenge Over a year ago

My $_REQUEST is now empty, Kevin.

user400654 Over a year ago

odd... it should be a string... Though, you can force it to be in $_POST by doing data: {json: data} you'll see it at $_POST["json"] are you sure data is what you think it is?

user400654 Over a year ago

I saw that, but if you console.log(data), does it give you the json string you are expecting?

Guilherme Oderdenge Over a year ago

This is the string: [{"ID": 1, "Name": "XBOX}, {"ID": 2, "Name": "Playstation 3"}]

user400654 Over a year ago

is that a copy paste error? the "XBOX},? it's in your question that way too. Really shouldn't affect the outcome though, since so far we haven't done anything other than treat it as a string.

|

score 0 · Accepted Answer · 2013-10-10 19:44:23Z

0

For multiple data, getJSON is better in my opinion:

$.getJSON('laboratory.php', function(json) {
            $.each(json, function(key, val) {
            //Getting the value of id
            val["ID"];
            //Getting the value of name
            val["NAME"];
             //DO whatever u want.
            });
});

edited Oct 10, 2013 at 19:44

answered Oct 10, 2013 at 19:38

user2326369

2 Comments

Guilherme Oderdenge Over a year ago

The "PHP code" is a simple multidimensional array with utf8_encode(json_encode($array)). And this is the data.

user2326369 Over a year ago

I reallized after posting, sorry about that. I had the same problem so I decided to try getJSON.

Collectives™ on Stack Overflow

Send multiple JSON objects through AJAX/jQuery returns me an "undefined" array (PHP)

The goal

The problem

3 Answers 3

2 Comments

11 Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

The goal

The problem

3 Answers 3

2 Comments

11 Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related