Yêu cầu thg 5 31, 2021 2:22 SA 109 0 2
  • 109 0 2
+2

Vấn đề khi fetch data trong Javascript

Chia sẻ
  • 109 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 CÂU TRẢ LỜI


Đã trả lời thg 5 31, 2021 2:26 SA
+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();
}

Chia sẻ
Avatar Chilly @nhatnguyen123321
thg 5 31, 2021 2:29 SA

em dùng js thuần ạ

Avatar Chilly @nhatnguyen123321
thg 5 31, 2021 2:29 SA

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!

thg 5 31, 2021 5:22 SA

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

Đã trả lời thg 5 31, 2021 2:39 SA
+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 !

Chia sẻ
Viblo
Hãy đăng ký một tài khoản Viblo để nhận được nhiều bài viết thú vị hơn.
Đăng kí