Penguji API

Klien HTTP ringan untuk pelayar. Pilih salah satu daripada lima kaedah (GET, POST, PUT, PATCH, DELETE), masukkan URL, tambahkan header (satu setiap baris) dan badan permintaan jika perlu, kemudian alat ini akan menghantar permintaan CORS sebenar dari pelayar anda, dan seterusnya menunjukkan status respons, masa yang diambil, serta badan respons yang dipaparkan dengan rapi. Respons JSON akan dikenal pasti dan ditukar formatnya; badan respons bukan JSON pula dipaparkan sebagai teks biasa.

1. Klik salah satu butang kaedah (GET / POST / PUT / PATCH / DELETE) di bahagian atas kad permintaan. 2. Taip URL penuh ke dalam medan input (contohnya https://api.example.com/endpoint). Butang Hantar akan dinonaktifkan jika URL kosong atau permintaan sedang diproses. 3. (Pilihan) Tambahkan tajuk permintaan dalam kad Tajuk, satu per baris seperti `Name: Value`. 4. (Pilihan) Untuk POST, PUT, atau PATCH, kad Badan akan muncul — tampal kandungan yang ingin dihantar di sana (tempat penanda menunjukkan contoh JSON). GET dan DELETE tidak menghantar sebarang kandungan walaupun medan tersebut mempunyai isi. 5. Klik Hantar. Kad Respons akan menunjukkan titik status berwarna (hijau untuk 2xx, merah sebaliknya), `status statusText`, masa yang diambil dalam milisaat, serta kandungan respons. Gunakan butang Salin untuk menyalin kandungan tersebut ke clipboard.

Perilaku utama yang perlu diketahui: - Permintaan menggunakan `fetch(url, { method, mode: "cors", headers, body })`. Memandangkan modnya ialah CORS, pelayan sasaran mesti mengembalikan header CORS yang sesuai; jika tidak, pelayar akan menyekat respons — titik hujung lintas asal tanpa CORS akan menunjukkan ralat rangkaian. - Header diproses baris demi baris oleh `:` pertama pada setiap baris; baris yang tiada tanda dua titik akan diabaikan tanpa sebarang notis. - Bahagian badan hanya ditambahkan untuk permintaan POST, PUT, dan PATCH, tanpa mengira apa yang dimasukkan untuk permintaan GET/DELETE. - Badan respons dibaca sebagai teks, kemudian dicuba diproses sebagai JSON; jika berjaya, ia akan ditukar semula ke bentuk rentetan dengan penjarakan 2 ruang untuk kemudahan bacaan, manakala jika gagal, teks asal akan dipaparkan. - Apabila berlaku ralat (kegagalan rangkaian, CORS yang disekat, URL yang tidak sah), status akan menunjukkan label “Error” yang disesuaikan mengikut bahasa tempatan, dan kawasan respons akan memaparkan mesej ralat tersebut.