Menu
I want to retrieve information from my Stack Overflow profile as JSON using the API.
So I use this link http:/api.stackoverflow.com/1.0/users/401025/.
But when I make the request I get a file containing the JSON data. How do I deal with that file using Ajax?
Here is my code (http://jsfiddle.net/hJhfU/2/):
<html>
<head>
<script>
var req;
getReputation();
function getReputation(){
req = new XMLHttpRequest();
req.open('GET', 'http://api.stackoverflow.com/1.0/users/401025/');
req.onreadystatechange = processUser;
req.send();
}
function processUser(){
var res = JSON.parse(req.responseText);
alert('test');
}
</script>
</head>
The alert is never fired and req.responseText seems to be empty. Any ideas?
673
Note: You cannot use Ajax to access another domain. (This is called the same-domain policy.)
However, the StackOverflow API supports JSONP callbacks, so here is a solution:
Load in the script via a <script> tag.
Create a function that does just that:
function load_script(src) {
var scrip = document.createElement('script');
scrip.src = src;
document.getElementsByTagName('head')[0].appendChild(scrip);
return scrip; //just for the heck of it
}
Set up the callback function:
function soResponse(obj) {
alert(obj.users[0].reputation);
}
Load it!
load_script('http://api.stackoverflow.com/1.0/users/401025/?jsonp=soResponse');
If you love us? You can donate to us via Paypal or buy me a coffee so we can maintain and grow! Thank you!
Donate Us With
