How to get JSON object data from a webpage using javascript

Question

I am new to web and I need to get JSON object for a webpage that has data displayed this:

{
"expires": "2011-09-24T01:00:00",
"currencies": {
    "BZD": {
        "a": "2.02200",
        "b": "1.94826"
    },
    "YER": {
        "a": "220.050",
        "b": "212.950"
    }
}

I tried use jquery's $.getJSON to get the object but it didn't work.

<script> $.getJSON("http://m.somewebsite.com/data", { format: "json" }, function(data) { document.getElementById('test').innerHTML = data; }); </script>

I am wondering how to get this information correctly?

There is no such thing as a JSON object. Also, if you use document.write() there, you will replace the current contents of the page. — Matt Ball
– Matt Ball, Commented Sep 23, 2011 at 17:16

Korvin Szanto · Accepted Answer · 2011-09-23 18:55:51Z

3

In order for this to work, you need to define jsonp, jsonp allows you to gain read access to another site's document, as the alternate version is barred.

$.getJSON("http://m.somewebsite.com/data?callback=?", { format: "json" }, function(data) { document.write(data); });

edited Sep 23, 2011 at 18:55

answered Sep 23, 2011 at 17:15

Korvin Szanto

4,5194 gold badges22 silver badges49 bronze badges

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

3 Comments

user959974 Over a year ago

I am unsure if $.getJSON is the correct command that I want to use. Because the function would work for the flicker api: "api.flickr.com/services/feeds/photos_public.gne?jsoncallback=?" but not the link I had, even with the 'jsonp' at the end

user113716 Over a year ago

To get a jsonp response using $.getJSON, you don't add a fourth argument. You need to add callback=? to the url. jsonp doesn't make an XHR request, but rather makes a script request that is not subject to the Same Origin Policy of XHR requests. The returned script is a function call, that passes the JavaScript object you're looking for as an argument. So if the server isn't set up to send a proper response for jsonp, it won't work.

user959974 Over a year ago

Hmm, I see. Is there any alternative way of getting information from the website then?

Collectives™ on Stack Overflow

How to get JSON object data from a webpage using javascript

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related