Question

75

how to get data from response from fetch javascript request

rated 0 times [ 79] [ 4] / answers: 1 / hits: 5170 / 4 Years ago, sat, december 12, 2020, 12:00:00

I make fetch request in javascript . It is fetching data when I seed console it show me data. but when
I try to alert it in then function it displays empty. it show alert promptly with page load. I think it alerting before request response

Here is my javascript code

fetch("https://01b4e41e6262.ngrok.io/api/get_schedule_orders/" + gUser.getData().id).then(res => {

        if (res.ok) {

        alert(res)

        }

    });

Answers

Only authorized users can answer the question. Please sign in first, or register a free account.

chase

Add To Favorites

Follow

Total Points: 78

Total Questions: 106

Total Answers: 93

Location: Comoros

Member since Tue, Mar 14, 2023

1 Year ago

chase questions

1 How to set the download file extension for blob data

Thu, Mar 31, 22, 00:00, 2 Years ago

1 React changing react-icon color on mouse hover

Thu, Jul 1, 21, 00:00, 3 Years ago

1 Passing Objects as Argument to GraphQL Mutation (graphql-request)

Sun, Dec 20, 20, 00:00, 3 Years ago

1 CSS select all previous siblings for a star rating

Mon, Sep 14, 20, 00:00, 4 Years ago

1 Shopify - Slick Slider / Carousel - Responsive setting not working

Mon, Apr 27, 20, 00:00, 4 Years ago

View All

answered 4 Years ago ciarajourneyv · Accepted Answer

fetch() returns a Promise initially, so res is initially a promise, either resolved or rejected.
Then res.json() again returns a promise and not the value directly (You may verify this by doing a console.log(res) in the first then(), there in the prototype you will see json(), which is again Promise based.

That's why we chain promises by doing return res.json() and get our data in the second promise resolve and in case of rejection catch() callback is invoked.

fetch("https://01b4e41e6262.ngrok.io/api/get_schedule_orders/" + gUser.getData().id).then(res => {

    if (res.status>=200 && res.status <300) {

      return res.json()

    }else{

      throw new Error();

    }

}).then(data=>console.log(data))

 .catch(err=>console.log('fetch() failed'))

UPDATE: your API is returning an empty array.

Please check the API params.