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'};
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": "http://www.facebook./btaylor",
"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'};
2 Answers
Reset to default 1I remend jQuery's $.getJSON() method
http://api.jquery./jQuery.getJSON/
Live demo with your data here: http://jsfiddle/6ZeJ8/3/
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="http://code.jquery./jquery-1.7.2.min.js"></script>
You would need to use AJAX or a script loader to fetch your JSON string, then parse the JSON string.