Dalam es6, fetch digunakan untuk memulakan permintaan untuk sumber jauh dan menyediakan kaedah untuk mendapatkan sumber secara tidak segerak merentas rangkaian; kaedah ini ditakrifkan dalam objek tetingkap BOM dan mengembalikan objek Promise, dengan sintaks "fetch(url, Configuration object).then(function(respons){})".
Persekitaran pengendalian tutorial ini: sistem Windows 10, ECMAScript versi 6.0, komputer Dell G3.
Sintaks asas fetch
fetch(url,init).then(function(response) { } )
Bagaimana untuk menggunakan fetch dalam es6
Perihalan parameter bagi fetch
fetch menerima dua parameter, yang pertama ialah alamat dan diperlukan, yang kedua ialah objek konfigurasi dan adalah pilihan.
Jika ia adalah permintaan dapatkan yang mudah tanpa parameter, maka anda tidak memerlukan parameter kedua (sudah tentu, anda juga boleh menambah beberapa penjelasan tentang pengambilan ini
Parameter kedua mengandungi jenis permintaan, data yang dihantar, pengepala, mod, dll.
Kaedah pengambilan juga mengembalikan objek Promise, kami hanya boleh menggunakan kemudian untuk mendapatkan data pemulangan,
Kami memerlukan dua kali untuk memproses data yang dikembalikan dari latar belakang, dan pulangkan hasil dalam yang pertama kemudian .text(), atau return result.json(), dan kemudian nilai pulangan khusus boleh benar-benar diperoleh dalam parameter kedua dan diproses secara logik
Jika anda ingin menilai Jika permintaan itu gagal, sila nilaikan pada yang pertama kemudian, yang mengandungi objek data permintaan.
API Ambil menyediakan antara muka JavaScript untuk mengakses dan memanipulasi bahagian saluran paip HTTP, seperti permintaan dan respons. Ia juga menyediakan kaedah pengambilan global() yang menyediakan cara yang mudah dan munasabah untuk mendapatkan sumber secara tidak segerak merentas rangkaian.
Fungsi ini telah dilaksanakan sebelum ini menggunakan XMLHttpRequest. Ambil menyediakan alternatif yang lebih baik yang boleh digunakan dengan mudah oleh teknologi lain, seperti Pekerja Perkhidmatan. Ambil juga menyediakan satu lokasi logik untuk menentukan konsep berkaitan HTTP lain, seperti CORS dan sambungan kepada HTTP.
API Ambil menyediakan kaedah fetch(), yang ditakrifkan dalam objek tetingkap BOM Anda boleh menggunakannya untuk memulakan permintaan untuk sumber jauh. Kaedah ini mengembalikan objek Promise, membolehkan anda mendapatkan kembali hasil permintaan.
fetch hanya menyokong CORS merentas domain dan tidak menyokong JSONP merangkumi
<script> //fetch发送数据 //支持CORS跨域,没有办法接受jsonp数据 function getData() { //支持 cors跨域url地址'http://api.yytianqi.com/air?city=CH010100&key=2c5br4sgmguremgg' //https://api.douban.com/v2/book/1220562?callback=func return fetch('http://localhost:3001/getdata') .then(function (response) { console.log(response); //promise对象返回 return response.json(); }) } getData().then(function (data) { console.log(data); }) </script>
[Cadangan berkaitan: tutorial video javascript, bahagian hadapan web 】
Atas ialah kandungan terperinci Apakah kegunaan fetch dalam es6. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!