Parse PHP array of objects with jQuery Ajax

Question

I'm trying to get an array of objects with data from my database into jquery to render on a website.

ex: example.php

<?php
function testFunction() {

$data = array()
$mydata = new stdClass;
$mydata->example = 'test';
$data[] = $mydata
return json_encode($data);
}

echo testFunction();
?>

ex index.html

<script>
$.ajax({
                    type: 'POST',
                    url: 'example.php',
                    data: {map: map},   
                    cache: false,
                    dataType: 'json',                 
                    success: function(response) {
                      console.log(response[0].example);
                    }
});

</script>

Output:

console.log(response);

["test", $family: function, $constructor: function, each: function, clone: function, clean: function…]

console.log(response[0].example);

undefined

So essentially, I receive the response fine, when I log it it gives me a structure that makes sense. however I can't seem to find the correct way of accessing my objects inside the array, the example I have above only returns undefined. What is the correct syntax for this please?

Vicky, done Dan Lee, fixed, I was just converting my code into a short example a little too fast. — FroboZ
– FroboZ, Commented Nov 11, 2013 at 14:03

superphonic · Accepted Answer · 2013-11-12 11:52:53Z

4

You need to JSON.parse(response); the response. You should be able to access it like you need then..

var parsed_reply = JSON.parse(response);

EDIT After actually looking at the code:

PHP

<?php

$data['example'] = "test";

echo json_encode($data);

?>

JAVASCRIPT

<script>
$.ajax({
                type: 'POST',
                url: 'example.php',
                data: {map: map},   
                cache: false,
                dataType: 'json',                 
                success: function(response) {
                  console.log(response['example']);
                }
});

</script>

OUTPUT: "test"

edited Nov 12, 2013 at 11:52

answered Nov 11, 2013 at 17:53

superphonic

8,0936 gold badges35 silver badges64 bronze badges

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

2 Comments

FroboZ Over a year ago

var parsed_reply = JSON.parse(response); console.log(parsed_reply.example); throws: Uncaught TypeError: Illegal invocation

superphonic Over a year ago

Sorry I brushed over your code quickly. You don't have a key called example in your response data. Your PHP function isn't returning an Indexed or Associative array, its simply returning "test". You need to json_encode a proper associative array.

Krish R · Accepted Answer · 2013-11-11 13:48:45Z

1

You need call testFunction() in example.php

<?php
   function testFunction() {

    $data = array()
    $mydata = new stdClass;
    $data[] = $mydata->example = 'test';

    return json_encode($data);
  }
     echo testFunction();
?>

answered Nov 11, 2013 at 13:48

Krish R

22.7k7 gold badges54 silver badges60 bronze badges

6 Comments

FroboZ Over a year ago

Sorry I omitted that part as it is only an example, as I said I do get the response filled with data, I just don't know how to access it properly. I will edit my post for clarity tho.

Krish R Over a year ago

Please post your output response.

FroboZ Over a year ago

console.log(response): ["test", $family: function, $constructor: function, each: function, clone: function, clean: function…] console.log(response[0].example): "undefined"

Krish R Over a year ago

where is example object in your response?

FroboZ Over a year ago

"test" is the variable stored in example property of the mydata object?

|

andy · Accepted Answer · 2013-11-12 11:58:01Z

1

function testFunction() {

$data = array();
$mydata = new stdClass;
$mydata->example = 'test';
$data[] = (array) $mydata;
return json_encode($data);
}

echo testFunction();

The response is:

[{"example":"test"}]

The key here is (array) $mydata which converts the stdclass to an array before putting it in $data

answered Nov 12, 2013 at 11:58

andy

2,4193 gold badges32 silver badges51 bronze badges

Collectives™ on Stack Overflow

Parse PHP array of objects with jQuery Ajax

3 Answers 3

2 Comments

6 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

2 Comments

6 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related