smerny smerny - 1 year ago 80
JSON Question

Pull and use JSON data from a URL with JavaScript

How can I pull and use JSON data using JavaScript?

For example, this URL has the following JSON:

"id": "220439",
"name": "Bret Taylor",
"first_name": "Bret",
"last_name": "Taylor",
"link": "",
"username": "btaylor",
"gender": "male",
"locale": "en_US"

How can I get this data into JavaScript variables?

I'm not looking to use Facebook API or anything dynamic right now, just getting JSON data from a static URL into JavaScript.

In PHP I could easily do this like:

$contents = file_get_contents($url);
$jsonObj = json_decode($contents);
echo "Name: ".$jsonObj->{'name'};

Answer Source

I recommend jQuery's $.getJSON() method

Live demo with your data here:

Of course, you'll need jQuery to use this method, put this into the <head> of your HTML, should work just fine.

<script type="text/javascript" src=""></script>
Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download