Gửi yêu cầu POST qua AJAX trong JavaScript

Bây giờ hãy gửi một yêu cầu POST đến máy chủ. Để làm điều này, hàm fetch có một tham số thứ hai với các cấu hình. Trong cài đặt method chỉ định phương thức HTTP của yêu cầu. Hãy chỉ định phương thức POST:

button.addEventListener('click', function() {
	let promise = fetch('/handler/', {
		method: 'post',
	});
});

Hãy cùng thiết lập dữ liệu mà chúng ta muốn gửi đến máy chủ. Trong các yêu cầu POST, dữ liệu được truyền trong phần thân (body) của yêu cầu HTTP. Để làm điều này, dữ liệu cần được chỉ định trong cài đặt body. Hãy chỉ định chúng dưới dạng Query String, đặt kiểu MIME phù hợp:

button.addEventListener('click', function() {
	let promise = fetch('/handler/', {
		method: 'post',
		body: 'num1=1&num2=2',
		headers: {
			'Content-Type': 'application/x-www-form-urlencoded',
		},
	});
});

Hãy nhận dữ liệu này trên máy chủ, thực hiện một số xử lý với chúng và gửi chúng trở lại:

export default {
	'/handler/': function({ post }) {
		return Number(post.num1) + Number(post.num2);
	}
}

Trên client có một div và một nút bấm. Khi nhấp vào nút, hãy gửi ba số đến máy chủ bằng phương thức POST. Hãy để máy chủ tính tổng các số đã truyền. Ghi kết quả vào div.