Yêu cầu javascript

fetch( url ,options )
 .then(function(res) {
   //đánh giá response có thành công không 
   //và rồi chuyển dữ liệu cho .then sau
   if (!res.ok) throw Error(res.statusText);  
   return res.json();  //dùng text() nếu dạng text
 })
 .then(function(data) {
   //Tạo biến data để hứng dữ luệu từ phía trên
   //tính toán và hiện kết quả data ra trang web
   //có thể return tiếp cho then sau nữa, nếu cần
   console.log(data);
 })
 .catch(function(error) {
   console.log('Có lỗi nè : \n', error);
 });

Tìm nạp dựa trên async, nên code trên có thể viết thành công

Ví dụ dùng post để gửi dữ liệu

Tham khảo thêm. https. //www. người lập trình. com/code-ví dụ/javascript/. tìm nạp + phương pháp

Sử dụng thư viện Axios

Axios is a library on Promise has many features or. Nó giúp bạn dễ dàng tạo các yêu cầu đến máy chủ ở xa

Ưu điểm thứ nhất của Axios là vấn đề xử lý lỗi. Khi sử dụng tìm nạp, nếu khi máy chủ trả về lỗi 4xx 5xx, thì hàm catch() sẽ không được gọi. Và bạn phải kiểm tra mã trả về để đánh giá yêu cầu thành công không. Các Axios còn lại sẽ từ chối tất cả các lời hứa của yêu cầu nếu các lỗi trên được trả lại

Thứ hai là tìm nạp không tự động gửi cookie lên máy chủ khi có yêu cầu. Bạn cần phải truyền một cách trực tiếp trong các tùy chọn để gửi cookie. Còn với Axios thì bạn cần xem về câu chuyện này

Thư viện địa chỉ. https. //www. npmjs. com/gói/axios. Trên trang web, nhắp Cài đặt đế xem hướng dẫn nhúng vào trang nhưng dễ nhất là nhúng từ CDN

hoặc

Tạo một yêu cầu với Axios

Cơ bản để tạo yêu cầu, bạn chỉ sử dụng các đối tượng axios với các tham số như method, url, data…

axios({
  method: 'post', //method request lên server: get, post, delete, put...
  url: 'luudiem.php', //địa chỉ của tài nguyên
  data: { masv: 'ps123456', diem: '8' } // data json cần gửi lên server
});

Ví du. yêu cầu lấy danh sách có thể loại từ máy chủ

Yêu cầu tạo bí danh tương ứng với các phương thức http

• trục. yêu cầu (cấu hình)
• trục. nhận (url [, cấu hình])
• trục. xóa (url [, cấu hình])
• trục. đầu (url [, cấu hình])
• trục. tùy chọn (url [, cấu hình])
• trục. bài đăng (url [, dữ liệu [, cấu hình]])
• trục. đặt (url [, dữ liệu [, cấu hình]])
• trục. bản vá (url [, dữ liệu [, cấu hình]])

Create request with GET method

Use get when to get data from server. Mã theo cấu trúc đơn giản như sau

Constructor of data return from server

Cấu trúc của phản hồi trả về từ máy chủ bao gồm các thông tin như sau

{
    data: { }, // dữ liệu trả về từ server
    status: 200,   // mã HTTP status trả về từ server
    statusText: 'OK',   // text mô tả status từ server
    headers: {},   // các header mà server phản hồi
    config: {},   // các cấu hình khi thực hiện request
    request: {}  // là request thực hiện để nhận được response này
}

Create request with POST method

Post used to send data up server (ví dụ data in form)

Ajax trong javascript mà trái tim là hàm tìm nạp là một công cụ rất tốt giúp bạn chủ động tương tác với máy chủ theo nhu cầu nghiệp vụ của website