Loading data from api in javascript

Question

I have code like this:

<script>
var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function () {
    if(xhr.readyState === 4 && xhr.status === 200) {
      var data = JSON.parse(xhr.responseText);
      var ex_rate = data["market_price_usd"];
      document.getElementById('btcusd777').innerHTML = ex_rate;
    }
  };
  xhr.open('GET', 'https://blockchain.info/ru/stats?format=json');//&cors=true doesn't help
  xhr.send();
</script>
1 BTC = <span id="btcusd777"></span> USD

But it doesn't work because api is on different domain. Is there a way to fix it somehow? I don't want to use jquery

Read the first line here in the docs. "Some API calls are available with CORS headers if you add a cors=true parameter to the request". (CORS stands for Cross-Origin Resource Sharing, and that's what you"re asking) — blex
– blex, Commented Aug 23, 2015 at 17:36
i.gyazo.com/b7fbbdf5e6ad56443caae05dd60ce33a.png if I got you right, this doesn't help — maxpovver
– maxpovver, Commented Aug 23, 2015 at 17:41
There seems to be a dedicated URL for what you want: jsfiddle.net/5rwrh712 But the value is fixed for 24 hours, not real time... :/ Edit: actually, it did just change, so maybe it's real time — blex
– blex, Commented Aug 23, 2015 at 17:54

blex · Accepted Answer · 2015-08-23 18:05:55Z

1

The docs state that "Some API calls are available with CORS headers if you add a cors=true parameter to the request." But that does not seem to be the case for the call you made.

There seems to be another call that allows cross origin requests:

https://blockchain.info/ru/q/24hrprice

So just adjust your call like this:

var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function () {
    if (xhr.readyState === 4 && xhr.status === 200) {
        document.getElementById('btcusd777').innerHTML = xhr.responseText;
    }
};
xhr.open('GET', 'https://blockchain.info/ru/q/24hrprice');
xhr.send();

1 BTC = <span id="btcusd777"></span> USD

answered Aug 23, 2015 at 18:05

blex

25.7k6 gold badges48 silver badges78 bronze badges

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

Comments

Alfonso Presa · Accepted Answer · 2015-08-23 18:01:04Z

0

It doesn't seem to support CORS, so if you don't have control over the API development, that I guess it's the case, the only way to do it is by proxying it through your own web server.

If you have an nginx: https://www.nginx.com/resources/admin-guide/reverse-proxy/

If you are on apache: http://httpd.apache.org/docs/2.2/mod/mod_proxy.html

Note that jquery or any other javascript framework will not help with this as it's a browser restriction. It doesn't seem to have crossdomain.xml file so flash will not help either.

answered Aug 23, 2015 at 18:01

Alfonso Presa

1,0347 silver badges11 bronze badges

2 Comments

maxpovver Over a year ago

obviously at first I was using my server for that, but it got banned by cloudflare after a few requests - that's why I decided to move it to clients

Alfonso Presa Over a year ago

Then there's not too much to do to call that service... I'm glad blex found an alternative one for you :-). Good job man.

Collectives™ on Stack Overflow

Loading data from api in javascript

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related