API Fetch JavaScript

ການສະເໜີ ແລະ ການນໍາໃຊ້

fetch() ວິທີກຳນົດຂັ້ນຕອນການດຳເນີນການດຳເນີນການຮັບວັດຖຸຈາກທີ່ວາງອານຸສາວະພາບ.

fetch() ວິທີກຳນົດຄວາມປະສົງຂອງ Promise.

ຄຳແນະນຳ:ບໍ່ຕ້ອງການ XMLHttpRequest ອີກຕໍ່ໄປ.

ຄວາມຈິງ

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);
}

ສວດການຕົວເອງ

ສັນຍາວິທະຍາ

fetch(file)

ພີມ

ພີມ ການອະທິບາຍ
file ທາງເລືອກທີ່ຈະຄົ້ນຫາຊື່ຂອງວັດຖຸ.

ຜົນກະທົບ

ປະເພດ ການອະທິບາຍ
Promise ການບັນທຶກຄວາມປະສົງຂອງ Promise.

ສະໜັບສະໜູນບັນຊີບັນຊີ

fetch() ແມ່ນ ECMAScript6 (ES6) ຄວາມປະສົງ.

ທຸກສິ່ງທີ່ສາມາດນຳໃຊ້ຈາກສິ່ງທີ່ສະໜັບສະໜູນທຸກສິ່ງທີ່ສະໜັບສະໜູນທຸກສິ່ງທີ່ສະໜັບສະໜູນທຸກສິ່ງທີ່ສະໜັບສະໜູນທຸກສິ່ງທີ່ສະໜັບສະໜູນທຸກສິ່ງທີ່ສະໜັບສະໜູນ (JavaScript 2015).

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
ແມ່ນ ແມ່ນ ແມ່ນ ແມ່ນ ແມ່ນ

Internet Explorer 11 (ແລະກ່ອນນີ້) ບໍ່ສາມາດສະໜັບສະໜູນ fetch()。