Issue with fetching and outputting data from API

Question

I have recently learned to use APIS in code, but for my javascript version I've had to learn different ways of doing it, when using what should be the simplest method nothing gets outputted to my chrome console.

const request = new XMLHttpRequest();

request.open('GET','apistuff, true);

request.onload = function() {

let data = JSON.parse(this.response);


console.log(data);
};

HTML file is just empty and calls the javascript file

Srujal Patel · Accepted Answer · 2020-01-10 21:55:44Z

1

Just replace current code with below code and let me know the status

    const request = new XMLHttpRequest();

    request.open('GET', apistuff, true);
    request.send(); 
    // we need to call this send method to open breach between server and client
    request.onload = function() {
       let data = JSON.parse(request.response);
       // if response is in text simply use **request.responseText**


    console.log(data);
    };

edited Jan 10, 2020 at 21:55

answered Jan 9, 2020 at 20:32

Srujal Patel

1459 bronze badges

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

2 Comments

cola465 Over a year ago

Console still outputs nothing, do I need to call the function to run to output it or look in a different place than chrome console?

Srujal Patel Over a year ago

Please check recent changes I have insert send method which call the api and onload method will wait for the response. You dont't need to change anything just write send method.

Collectives™ on Stack Overflow

Issue with fetching and outputting data from API

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related