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

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

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

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

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

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

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