Bagaimanakah Saya Boleh Membatalkan Permintaan Ambil () dalam JavaScript?

Membatalkan Permintaan HTTP Fetch(): Panduan Langkah demi Langkah

API fetch() baharu untuk JavaScript membenarkan pembangun membuat Permintaan HTTP dengan cekap. Walau bagaimanapun, persoalan timbul tentang kemungkinan membatalkan permintaan dalam penerbangan. Walaupun tiada mekanisme terbina dalam pada mulanya, ciri baharu telah diperkenalkan baru-baru ini: parameter isyarat.

TL/DR:

Sehingga September 2017, ambil () memperkenalkan parameter isyarat. Walau bagaimanapun, sokongan penyemak imbas berbeza-beza.

KEMASKINI 2020:

Kebanyakan penyemak imbas utama kini menyokong parameter isyarat (Edge, Firefox, Chrome, Safari, Opera, dll.).

Cara Ia Berfungsi:

1. Buat an AbortController.
2. Dapatkan isyarat AbortController.
3. Lepaskan isyarat untuk fetch() sebagai hujah.
4. Batalkan permintaan bila-bila masa perlu.

Contoh:

const controller = new AbortController();
const signal = controller.signal;

fetch(urlToFetch, {
    method: 'get',
    signal: signal,
})
.then(function(response) {
    console.log(`Fetch complete. (Not aborted)`);
}).catch(function(err) {
    console.error(` Err: ${err}`);
});

controller.abort();

Sila ambil perhatian bahawa sokongan penyemak imbas untuk ciri ini mungkin berbeza-beza. Walau bagaimanapun, apabila penyemak imbas terus mengemas kini, sokongan meluas untuk membatalkan permintaan fetch() dijangka tersedia tidak lama lagi.

Atas ialah kandungan terperinci Bagaimanakah Saya Boleh Membatalkan Permintaan Ambil () dalam JavaScript?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!