How to wait for an API to return JSON response and then console.log that response?

Question

In my code -

function longForLoop(limit) {
    var i = 0;
    var ref = setInterval(() => {
        console.log("\n-----------------------------\n");
      
      normUrl = "https://sih-utils.herokuapp.com/normal?a="+qActualNormal +"&b="+qIdeal;



      var obj;
      fetch(normUrl)
        .then(res => res.json())
        .then(data => obj = data)
        .then(() => console.log(obj))
      console.log(obj);


   
        
      i++;
      if (i == limit) {
          clearInterval(ref);
      }
    }, 2000);
  }
  
  longForLoop(2);

Following result is obtained -

When I run this code, it says obj not defined, I have 2 more similar calls to make to the same API below this and it returns some result that is stored in a variable, and in the end, I want to console.log the results obtained according to the order in which they were called.

score 0 · Answer 1 · answered Jul 21 '20 at 04:19

0

you probbly want to do something like this,

fetch(normUrl)
        .then(res => res.json())
        .then(data => console.log(data))

console.log(obj);

The above err may be caused by many reason, one of which it you might not have obj defined previously

answered Jul 21 '20 at 04:19

ezio4df

3,541
6
16
31

@AdityaKulkarni please mark as answer & upvote if it helped – ezio4df Jul 21 '20 at 04:39
No, obj has been defined in my code, console.log is showing undefined – Aditya Kulkarni Jul 21 '20 at 04:48
is it in scope, include that in above example !! – ezio4df Jul 21 '20 at 04:57
I have updated the code , please take a look at it, and just assume that I have the values of qActualNormal and qIdeal in this case – Aditya Kulkarni Jul 21 '20 at 05:07
This is what you are looking for: https://jsbin.com/miyofoheca/edit?js,console Use the code in Node.js not sure about await in your browser – Ashok Dey Jul 21 '20 at 06:33

How to wait for an API to return JSON response and then console.log that response?

1 Answers1