Work with JSON in javascript

Question

I'm trying to work with JSON data from API. Some JSON I can get, and then work with them. But sometimes I have fail: JSON doesn't recognised.

<!DOCTYPE html>
<html>
  <head>
    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
	<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8.18/jquery-ui.min.js"></script>
  </head>
  
  <body>
    <script>
      $.getJSON('http://query.yahooapis.com/v1/public/yql?q=select%20%2a%20from%20yahoo.finance.quotes%20WHERE%20symbol%3D%27WRC%27&format=json&diagnostics=true&env=store://datatables.org/alltableswithkeys&callback', function(json_data0) {
        alert(JSON.stringify(json_data0));
      });
      
      $.getJSON('https://graph.facebook.com/btaylor', function(json_data1){
        alert(JSON.stringify(json_data1));
      });

      $.getJSON('https://btc-e.com/api/2/ltc_usd/ticker', function(json_data2) {
		alert(JSON.stringify(json_data2));
	  });
    </script>
  </body>
</html>

QUESTION: Why does last api doesn't get by getJSON? The similar situation is for example for https://www.bitstamp.net/api/ticker/

what do you mean by couple? and why is that sometimes you happen to get data and other times not? is that server problem or client side? — Abhinav Gauniyal
– Abhinav Gauniyal, Commented May 7, 2015 at 9:26
Job one for any issue in JS, check the console: XMLHttpRequest cannot load https://btc-e.com/api/2/ltc_usd/ticker. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access. You're being stopped by the Same Origin Policy — Rory McCrossan
– Rory McCrossan, Commented May 7, 2015 at 9:27
The first two work, but I get a cross-origin error on the third one : No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://stackoverflow.com' is therefore not allowed access. So... well, you're just not allowed to pull this json. — Jeremy Thille
– Jeremy Thille, Commented May 7, 2015 at 9:28
so, is it ok, that via browser i can see json, but i cant get it to my html page? — Marat
– Marat, Commented May 7, 2015 at 9:31

Guilherme Rodrigues · Accepted Answer · 2015-05-07 10:21:58Z

1

The answer is right in the console log ;)

XMLHttpRequest cannot load https://btc-e.com/api/2/ltc_usd/ticker. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'null' is therefore not allowed access.

This service does not allow other domains to call their API's. This is a security feature built into browsers which you cannot disable.

If they wanted to allow access, they would have to add the proper CORS headers to their response:

Access-Control-Allow-Origin: *

Read more about CORS here: http://enable-cors.org/

Another possibility is to create a proxy server yourself that would fetch this data and deliver to your browser.

answered May 7, 2015 at 10:21

Guilherme Rodrigues

2,8541 gold badge21 silver badges24 bronze badges

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

Comments

Community · Accepted Answer · 2017-05-23 11:51:00Z

1

You need to use CORS request or JSONP. In this case, I think that the best for you is to use JSONP because yahoo apis offer it. Please, read a similar and complete answer that I wrote in the past: local AJAX-call to remote site works in Safari but not in other browsers

edited May 23, 2017 at 11:51

CommunityBot

11 silver badge

answered May 7, 2015 at 10:14

Jose Mato

2,8091 gold badge20 silver badges18 bronze badges

Collectives™ on Stack Overflow

Work with JSON in javascript

2 Answers 2

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related