AbortController dengan Fetch

AbortController dalam JavaScript ialah utiliti yang digunakan untuk membatalkan atau membatalkan operasi tak segerak, seperti permintaan mengambil atau tugas lain seperti pendengar acara, yang boleh mengambil masa untuk diselesaikan. Ia membolehkan anda menghentikan operasi yang tidak diperlukan lagi, yang berguna untuk meningkatkan prestasi dan mengurus sumber.

Contoh Kes Penggunaan:

// Create an AbortController instance
const controller = new AbortController();
const signal = controller.signal;

// Start a fetch request with the signal attached
fetch('https://api.example.com/data', { signal })
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(err => {
    if (err.name === 'AbortError') {
      console.log('Fetch request was aborted');
    } else {
      console.error('Fetch error:', err);
    }
  });

// If we need to cancel the request:
controller.abort(); // This will abort the fetch request

1. Pengawal: AbortController mencipta pengawal yang menguruskan proses pengguguran.

2. Isyarat: AbortController mempunyai sifat isyarat yang boleh anda hantar ke fungsi seperti fetch(). Isyarat ini digunakan untuk berkomunikasi apabila operasi harus dihentikan.

3. Kaedah abort(): Apabila anda memanggil kaedah abort(), ia akan mencetuskan isyarat dan membatalkan operasi.

Atas ialah kandungan terperinci AbortController dengan Fetch. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!