Gửi yêu cầu DELETE bằng ajax như thế nào (Tổng kết phương pháp)

Yêu cầu DELETE được dùng để gửi yêu cầu xóa tài nguyên đến máy chủ. Đây là một phương thức quan trọng trong RESTful API, dùng để xóa tài nguyên được chỉ định. Bài viết này sẽ giới thiệu cách gửi yêu cầu DELETE thông qua ajax, nếu bạn quan tâm thì hãy cùng tìm hiểu nhé.

Khái niệm cơ bản về yêu cầu DELETE
Yêu cầu DELETE được dùng để gửi yêu cầu xóa tài nguyên đến máy chủ. Đây là một phương thức quan trọng trong RESTful API, dùng để xóa tài nguyên được chỉ định.

Trong Axios, để gửi yêu cầu DELETE bạn cần chỉ định URL đích và tùy chọn truyền thêm một số tham số như tiêu đề (headers), nội dung yêu cầu (body)… Khác với GET, yêu cầu DELETE có thể chứa nội dung yêu cầu, vì vậy trong một số trường hợp bạn có thể cần truyền dữ liệu trong yêu cầu DELETE.

Cách truyền tham số trong yêu cầu DELETE
Trong Axios, có một số cách chính để truyền tham số khi gửi yêu cầu DELETE như sau:

1. Truyền tham số trong URL
Cách đơn giản nhất là gắn trực tiếp tham số vào URL, thường áp dụng khi cần truyền ít dữ liệu như ID của tài nguyên.

Ví dụ:

const axios = require(‘axios’);
const resourceId = 123;
axios.delete(`https://api.example.com/resource/${resourceId}`)
.then(response => {
console.log(‘Tài nguyên đã được xóa thành công:’, response.data);
})
.catch(error => {
console.error(‘Lỗi khi xóa tài nguyên:’, error);
});

2. Truyền tham số bằng thuộc tính params
Nếu bạn muốn truyền tham số dưới dạng query string, có thể dùng thuộc tính params của Axios.

Ví dụ:

const axios = require(‘axios’);
const params = { id: 123 };
axios.delete(‘https://api.example.com/resource’, { params })
.then(response => {
console.log(‘Tài nguyên đã được xóa thành công:’, response.data);
})
.catch(error => {
console.error(‘Lỗi khi xóa tài nguyên:’, error);
});

3. Truyền dữ liệu vào phần thân yêu cầu bằng thuộc tính data
Trong một số trường hợp cần truyền dữ liệu phức tạp qua yêu cầu DELETE, bạn có thể sử dụng thuộc tính data của Axios.

Ví dụ:

const axios = require(‘axios’);
const requestData = { id: 123, reason: ‘Không còn cần thiết’ };
axios.delete(‘https://api.example.com/resource’, { data: requestData })
.then(response => {
console.log(‘Tài nguyên đã được xóa thành công:’, response.data);
})
.catch(error => {
console.error(‘Lỗi khi xóa tài nguyên:’, error);
});

Bài viết đến đây là kết thúc, hy vọng sẽ hữu ích cho bạn trong việc hiểu và áp dụng yêu cầu DELETE thông qua ajax. Cảm ơn bạn đã theo dõi và mong nhận được sự ủng hộ trong tương lai!