Hướng dẫn dùng axios.get JavaScript
Giới thiệuAxios là một thư viện JavaScript rất phổ biến mà bạn có thể sử dụng để thực hiện các yêu cầu HTTP. Nó hoạt động trong cả hai nền tảng Browser và Node.js. Hỗ trợ tất cả các trình duyệt hiện đại (modern browsers), bao gồm IE8 trở lên. Axios là một Promise (lời hứa), vì vậy nó cho phép chúng ta viết code Sử dụng Axios có một vài lợi thế so với native Fetch API:
Cài đặtAxios có thể được cài đặt bằng cách sử dụng npm:
hoặc yarn
hoặc chỉ cần gọi nó trong trang của bạn bằng cách sử dụng unpkg.com:
Axios APIBạn có thể bắt đầu một yêu cầu HTTP sử dụng
nhưng để thuận tiện, bạn thường sẽ sử dụng:
(như trong JQuery, bạn sẽ sử dụng Axios cung cấp các phương thức cho tất cả các hoạt động từ HTTP, vốn ít phổ biến hơn nhưng vẫn được sử dụng:
GET requestsMột cách thuận tiện để sử dụng Axios là sử dụng cú pháp Ví dụ này truy vấn
Dog API để truy xuất danh sách tất cả các giống chó, sử dụng
Nếu bạn không muốn sử dụng
Thêm tham số vào GET requestsMột GET response có thể chứa các tham số trong URL, như sau: https://sydinh.com/?foo=bar. Với Axios, bạn có thể thực hiện điều này bằng cách sử dụng URL đó:
hoặc bạn có thể sử dụng thuộc tính
POST RequestsThực hiện yêu cầu POST (POST Requests) tương tự như thực hiện yêu cầu GET (GET requests), nhưng thay vì
Một đối tượng chứa tham số POST là đối số thứ hai:
Kết luậnTrên đây mình giới thiệu một cách rất khái quát về thư viện Axios. Một thư viện đang được đại đa số Developer sử dụng để thực hiện HTTP requests. Để nắm bắt được cụ thể, biết được nhiều API hơn, các bạn đọc thêm ở tài liệu official của Axios nhé: https://github.com/axios/axios Chúc các bạn học tốt !!! |