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 0 để thực hiện các yêu cầu XHR rất dễ dàng.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 1 như sau:
nhưng để thuận tiện, bạn thường sẽ sử dụng:
(như trong JQuery, bạn sẽ sử dụng 4 và 5 thay vì 6)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 0 (ES2017).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 2 và đếm chúng:
Nếu bạn không muốn sử dụng 0, bạn có thể sử dụng cú pháp Promises:
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 4 trong options API mà Axios cung cấp sẵn:
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ì 2, bạn sử dụng 3:
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 !!! |