การส่ง JSON ไปยังเซิร์ฟเวอร์โดยใช้ AJAX ใน JavaScript

คุณสามารถส่งข้อมูลไปยังเซิร์ฟเวอร์ ในรูปแบบ JSON ได้ วิธีทำมีดังนี้:

button.addEventListener('click', function() {
	let promise = fetch('/handler/', {
		method: 'post',
		body: JSON.stringify([1, 2, 3, 4, 5]),
		headers: {
			'Content-Type': 'application/json',
		},
	});
});

บนเซิร์ฟเวอร์ เนื้อความของคำขอก็จะอยู่ใน body:

export default {
	'/handler/': function({ body }) {
		console.log(body);
	}
}

มาแกะ JSON ที่เซิร์ฟเวอร์ได้รับ:

export default {
	'/handler/': function({ body }) {
		console.log(JSON.parse(body));
	}
}

ส่งอาร์เรย์ของข้อมูลไปยังเซิร์ฟเวอร์ ให้เซิร์ฟเวอร์หาผลรวมขององค์ประกอบ อาร์เรย์นั้นและส่งกลับมา