Fetch API

Fetch Data API menyediakan antarmuka untuk pemanggilan sumber daya data(termasuk di seluruh jaringan). Ini akan terasa familiar bagi siapa saja yang telah menggunakan XMLHttpRequest, tetapi untuk API yang terbaru menyediakan serangkaian fitur yang lebih kuat dan fleksibel.

Konsep dan Penggunaan

"Fetch" / pengambilan resource data menyediakan definisi umum yaitu objekRequest (en-US) dan Response (en-US) atau permintaan dan tanggapan(dan hal-hal lain yang kaitannya dengan permintaan jaringan/"HTTP"). Ini akan memungkinkan "request" dan "response" tersebut untuk digunakan di mana pun mereka dibutuhkan di waktu selanjutnya, apakah itu untuk pekerja layanan/service workers(biasanya PWA), Cache API dan hal-hal serupa lainnya yang menangani atau mengubah permintaan dan tanggapan, ataupun juga segala jenis kasus penggunaan yang mungkin mengharuskan Anda untuk menghasilkan response/tanggapan Anda sendiri secara terprogram (baca aja:scr otomatis).

Ini juga memberikan definisi untuk konsep yang berhubungan dengan request dan response seperti halnya : CORS dan sumber semantik header HTTP, yang menggantikan definisi mereka yang terpisah di topik lain (bukan disini bahasannya/beda topik).

Untuk membuat permintaan dan mengambil sumber daya data, bisa menggunakan metode WindowOrWorkerGlobalScope.fetch() (en-US) ini. Metode ini diimplementasikan dalam beberapa antarmuka aplikasi, khususnya pada Window dan WorkerGlobalScope (en-US)Ini membuatnya tersedia dalam hampir semua konteks yang mana anda mungkin menginginkan untuk mengambil sumber data / resource nya.

Metode fetch() mengambil satu argumen yang wajib disertakan, path(sbg gambaran kalau di html : tag a dg atribut href) ke sumber data yang anda inginkan untuk mengambilnya. Hal ini mampu untuk mengembalikan hasil/return Promise (en-US) yang memutuskan ke Response (en-US) kepada permintaan itu sendiri, apakah hal tersebut berhasil atau tidak pada saat terjadi response/tanggapan sumber data. Anda juga bisa secara opsional mengirimkan objek pilihan initsebagai argumen keduanya (lihat Request (en-US)).

Setelah Response (en-US) telah dipanggil, ada sejumlah metode yang tersedia untuk menentukan apa saja konten tubuh(pikirkan pada elemen html) dan bagaimana penanganannya (lihat Body (en-US)).

Anda juga bisa membuat permintaan dan response secara langsung menggunakan Request() (en-US)dan konstruktor Response() (en-US), namun Anda tidak bisa melakukan ini secara langsung. Malahan, ini lebih cenderung sebagai hasil dari aksi yang dilakukan oleh API yang lainnya (misalnya, FetchEvent.respondWith() (en-US) dari service workers (kalo loe yang main teknologinya PWA pasti tau coy)).

Catatan : Cari tahu lebih lanjut mengenai penggunaan fitur Fetch API di cara menggunakan fetch , dan pelajari konsepnya di konsep dasar fetch .

Batalkan fetch

Web browser sudah mulai menambahkan dukungan eksperimental untuk antarmuka AbortController (en-US) dan AbortSignal (en-US)(alias API Abort), yang memungkinkan operasi seperti Fetch dan XHR untuk dibatalkan apabila mereka belum selesai secara sempurna dipanggil. Lihat halaman antarmuka untuk detail lebih lanjut.

Browsers have started to add experimental support for the AbortController (en-US) and AbortSignal (en-US) interfaces (aka The Abort API), which allow operation

 

Antarmuka metode Fetch

WindowOrWorkerGlobalScope.fetch()
Metode fetch() yang digunakan untuk mengambil sumber data.
Headers
Merupakan header respons / permintaan, memungkinkan Anda untuk menanyakannya(query) dan mengambil tindakan yang berbeda dimana ini tergantung pada hasilnya.
Request
Merupakan permintaan sumber data.
Response
Merupakan respons terhadap permintaan.

Fetch mixin

Body (en-US)
Menyediakan metode yang berkaitan dengan konten pada respons / permintaan, memungkinkan Anda untuk menyatakan jenis kontennya dan bagaimana penanganannya.

Spesifikasi

Spesifikasi Status Keterangan
Fetch Living Standard Definisi awal

Kompatibilitas Browser

BCD tables only load in the browser

Lihat juga untuk