JavaScript Fetch API

Fetch API ส่วนของ API ที่อนุญาตให้เว็บเบรายเซอร์ส่งคำขอ HTTP ไปยังเว็บเซิร์ฟเวอร์

不再需要 XMLHttpRequest。

浏览器支持

表中的数字注明了完全支持 Fetch API 的首个浏览器版本：

Chrome IE Firefox Safari Opera
Chrome 42 Edge 14 Firefox 40 Safari 10.1 Opera 29
เดือนมิถุนายน 2011 เดือนสิงหาคม 2016 เดือนสิงหาคม 2015 เดือนมีนาคม 2017 เดือนเมษายน 2015

ตัวอย่าง Fetch API

ตัวอย่างด้านล่างนี้นำไฟล์มาแสดงเนื้อหา:

ตัวอย่าง

fetch(file)
.then(x => x.text())
.then(y => myDisplay(y));

ทดสอบเอง

เนื่องจาก Fetch มีพื้นฐานของ async และ await ดังนั้นตัวอย่างข้างต้นอาจง่ายต่อการเข้าใจกว่านี้:

ตัวอย่าง

async function getText(file) {
  let x = await fetch(file);
  let y = await x.text();
  myDisplay(y);
}

ทดสอบเอง

และยังดีขึ้นมาก: ใช้ชื่อที่ง่ายต่อการเข้าใจแทน x และ y:

ตัวอย่าง

async function getText(file) {
  let myObject = await fetch(file);
  let myText = await myObject.text();
  myDisplay(myText);
}

ทดสอบเอง