Asked May 31st, 2:22 AM 65 0 2
  • 65 0 2
+2

Vấn đề khi fetch data trong Javascript

Share
  • 65 0 2

Cho em hỏi là trong 1 template có phải chỉ fetch data được một lần thôi đúng không ạ. Em đang gặp vấn đề : ở trong 1 template em cần gọi 2 cái api để get data. Mọi người cho em hỏi làm thế nào để em có thể fetch data 2 lần -> get data từ 2 cái api khác nhau trong cùng một template

2 ANSWERS


Answered May 31st, 2:26 AM
+2

Đâu phải đâu bạn, nghe bạn tường trình thì có vẻ đang dùng nuxtjs. Hoặc kể cả ko phải nuxt thì bạn có thể fetch bao nhiêu cái api cũng được mà

ví dụ:


async fetch() {
     const data1 = await callApi1();
     const data2 = await callApi2();
}

Share
Avatar Nguyen Nhat @nhatnguyen123321
May 31st, 2:29 AM

em dùng js thuần ạ

+1
| Reply
Share
Avatar Nguyen Nhat @nhatnguyen123321
May 31st, 2:29 AM

Em đang gặp vấn đề là: em cần gọi 2 cái api để get data trong cùng 1 template

get api 1 => fetch ra data ok get api 2 => fetch data . ko hiện gì .. Có phải trong trong cùng 1 template chỉ fetch data đc 1 lần thôi đúng ko ạ làm thê nào để em có thể fetch data của 2 api trên cùng 1 template ạ? Em cảm ơn!

+1
| Reply
Share
May 31st, 5:22 AM

@nhatnguyen123321 "template" ý bạn là cái gì vậy

+1
| Reply
Share
Answered May 31st, 2:39 AM
+2

Vẫn call được nhiều api nhé bạn. mình nghĩ bạn đang gặp vấn đề về bất đồng bộ. bạn thử mã js này xem sao nhé:

const api1 = fetch('api/v1/books')
const api2 = fetch('api/v1/categories')
Promise.all([api1, api2]).then((values) => {
    console.log(values);
});

Chúc bạn thành công !

Share
Viblo
Let's register a Viblo Account to get more interesting posts.