How can I access the data in this JSON structure from jQuery?

Question

I'm trying to use an API to get data in JSON form and pass it along to jQuery to do with it what I please.

My JSON looks like

{
    "username": {
        "id": 0001,
        "name": "test",
        "IconId": 000,
        "Level": 00,
        "revisionDate": 00000000
    }
}

From the PHP side this is my code

$json = file_get_contents($url);
$json = json_encode($json);

And from my jQuery I can get data by using

<script type="text/javascript">
  var ar = <?php echo $json ?>;
  document.write(ar);
</script>

However, I want to be able to get specific data from the JSON. name for example.

I tried using jQuery.parseJSON like this

<script type="text/javascript">
  var ar = <?php echo $json ?>;
  ar = jQuery.parseJSON(ar);
  document.write(ar.name);
</script>

And I also tried

<script type="text/javascript">
  var ar = <?php echo $json ?>;
  ar = jQuery.parseJSON(ar);
  document.write(ar[0].name);
</script>

I always either get absolutely nothing (blank page), or I get "undefined".

Thank you.

You have to also reference the `"username"` present in the data. `document.write(ar.username.name)`. – [Access / process (nested) objects, arrays or JSON](https://stackoverflow.com/questions/11922383/access-process-nested-objects-arrays-or-json) — Jonathan Lonowski, Dec 04 '16 at 04:57
`ar` is already an object. `jQuery.parseJSON` can only be used for *strings* containing JSON. — Felix Kling, Dec 04 '16 at 05:36

score 0 · Accepted Answer · answered Dec 04 '16 at 05:06

0

data={
    "username": {
        "id": 0001,
        "name": "test",
        "IconId": 000,
        "Level": 00,
        "revisionDate": 00000000
    }
}

console.log(data["username"]["name"]);

//output test

answered Dec 04 '16 at 05:06

Harminder

141
1
8

This works great, thank you! – rohanharrison Dec 04 '16 at 05:23
have you tried `JSON.parse`. Your response must be string. – Rajesh Dec 04 '16 at 05:24

score 0 · Answer 2 · edited Dec 04 '16 at 05:22

0

ar is your object reference. From there, that object has a single property called username. That property stores an object, which has a property called: name.

So, you need:

ar.username.name

edited Dec 04 '16 at 05:22

Rajesh

24,354
5
48
79

answered Dec 04 '16 at 05:07

Scott Marcus

64,069
6
49
71

How can I access the data in this JSON structure from jQuery?

2 Answers2