How do I make an HTTP request to bitstamp?

Question

I'm trying to use an API from bitstamp to fetch a currency trading price on my webpage.

I have researched this problem, but I still cannot get it to work as it always returns ERROR

The link used is https://www.bitstamp.net/api/ticker/ and the response should be last

Here is my code:

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://www.bitstamp.net/api/ticker/", true);
xhr.send();
xhr.addEventListener("readystatechange", processRequest, false);
function processRequest(e) {
if (xhr.readyState == 4 && xhr.status == 200) {
     var response = JSON.parse(xhr.responseText);
     window.alert(response.last);
}
else {
    window.alert("ERROR");
} }

if I am not wrong, you should be seeing below error in your browser console - "No 'Access-Control-Allow-Origin' header is present on the requested resource" — Naga Sai A, Sep 30 '17 at 19:25
possible duplicate https://stackoverflow.com/questions/28547288/no-access-control-allow-origin-header-is-present-on-the-requested-resource-err — Naga Sai A, Sep 30 '17 at 19:40
Please edit your question to include all of the error details contained in the developer console, and the full error message from bitstamp. Those are essential parts of an HTTP request question. — Graham, Sep 30 '17 at 20:05

Melchia · Accepted Answer · 2017-10-01T13:36:14.400

1

Try this:

function loadXMLDoc() {
  var xhttp = new XMLHttpRequest();
  xhttp.onreadystatechange = function() {
    if (this.readyState == 4 && this.status == 200) {
    var jsonRes= JSON.parse(this.responseText);
      if (jsonRes.hasOwnProperty('last')) {
                 document.getElementById("demo").innerHTML =
  jsonRes.last;
                 alert(jsonRes.last);
}
    }
  };
  xhttp.open("GET", "https://www.bitstamp.net/api/ticker", true);
  xhttp.send();
}

<h2>Using the XMLHttpRequest object</h2>

<button type="button" onclick="loadXMLDoc()">Change Content</button>
<p>last attribute is: <span id="demo"></span></p>

edited Oct 01 '17 at 13:36

answered Sep 30 '17 at 19:16

Melchia

22,578
22
103
117

you got ERROR ? – Melchia Sep 30 '17 at 19:20
What did you change and why? – Felix Kling Sep 30 '17 at 19:23
just for the record, why did you open the
tag, if u are not using it anywhere?
– Trrrrrrrrrr Oct 01 '17 at 08:29
Yep you're right, I was planning to use one but then again you wanted an alert not a "p tag" – Melchia Oct 01 '17 at 08:50
Could you please show me the solution with the „p Tag“, thank you sir. – Trrrrrrrrrr Oct 01 '17 at 10:03
Would be great.. need it for my next step – Trrrrrrrrrr Oct 01 '17 at 11:57

Jon Goodwin · Answer 2 · 2017-09-30T19:55:31.583

1

Here is one way:

<script src="./jquery.min.js">
//none secure web page ?
    jQuery.get("https://www.bitstamp.net/api/ticker/", function (data, status)
    {
        // use response here; jQuery passes it as the first parameter
        var response = JSON.parse(data);
        window.alert(response.last);
            console.log("MyFunc: " + "response : " + response + "\nStatus: " + status);
    });

</script>

edited Sep 30 '17 at 19:55

answered Sep 30 '17 at 19:28

Jon Goodwin

9,053
5
35
54

It seems correct, but it doesn't work... what am I doing the wrong way? – Trrrrrrrrrr Sep 30 '17 at 19:37
It is correct @Trrrrrrrrrr ;O). must be your URL, try "http://www.bitstamp.net/api/ticker/" (taken off the s of https), hmm it does not have a none secure web page, I tried it, only secure https . – Jon Goodwin Sep 30 '17 at 19:39
Have you lost internet access or having problems with your firewall ? – Jon Goodwin Sep 30 '17 at 19:52

score 1 · Answer 3 · answered Sep 30 '17 at 20:20

1

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://www.bitstamp.net/api/ticker/", true);
xhr.send();
xhr.addEventListener("readystatechange", processRequest, false);

function processRequest(e) { 
  if (xhr.readyState == 4) {
    if (xhr.status == 200) {
      var response = JSON.parse(xhr.responseText);
      window.alert(response.last);
    } else {
      window.alert("ERROR");
    }
  }
}

answered Sep 30 '17 at 20:20

Kostas

1,903
1
16
22

Your problem is in your logic. First check if request is completed (readyState == 4) and only after check the status-code and print your desired value or ERROR. – Kostas Sep 30 '17 at 20:27

How do I make an HTTP request to bitstamp?

3 Answers3