HTTP Methods & Status Codes — Web Fundamentals

HTTP Methods menentukan jenis operasi yang ingin dilakukan client terhadap resource di server. Masing-masing method punya semantik yang jelas. Methods utama…

Tiap request (pesan dari browser ke server) membawa method: kata kerja yang bilang mau ngapain, misalnya ambil atau hapus data. Tiap response (balasan server) membawa status code: angka tiga digit yang bilang hasilnya, misalnya berhasil atau gak ketemu.

🧪 Tebakan cepat: tombol "Beli" yang mengirim POST gak sengaja kamu klik dua kali. Berapa pesanan yang dibuat? Tebak dulu, jawabannya ada di bagian "Aman diulang atau gak".

Method di request, status code di response

Browser minta server bikin user baru, lalu server menjawab:

POST /api/users HTTP/1.1
Content-Type: application/json

{"nama": "Budi"}

HTTP/1.1 201 Created
Location: /api/users/3

POST adalah method, kata kerjanya: "bikin data baru".
/api/users adalah path, alamat data di server itu.
Content-Type: application/json adalah header, baris keterangan: "body-nya JSON".
{"nama": "Budi"} adalah body, data yang dikirim.
201 Created adalah status code dan teks pendeknya: "data baru sudah dibuat". Header Location memberi alamat data barunya.

Lima method yang paling sering

Method	Artinya	Contoh
`GET`	ambil data	lihat daftar produk
`POST`	bikin data baru	daftar akun
`PUT`	ganti seluruh data	simpan ulang seluruh profil
`PATCH`	ubah sebagian data	ganti nama saja
`DELETE`	hapus data	hapus postingan

PUT mengirim data lengkap dan menggantikan semuanya, jadi field yang gak dikirim ikut hilang. PATCH cuma mengirim field yang berubah, sisanya tetap.

Aman diulang atau gak

Idempotent artinya: request yang sama dikirim sekali atau sepuluh kali, hasil akhirnya di server sama.

GET, PUT, dan DELETE idempotent. DELETE kedua memang dibalas 404, tapi datanya tetap sama-sama hilang.
POST gak idempotent: tiap kiriman bisa bikin data baru. Jadi jawaban tebakannya: dua klik bisa jadi dua pesanan.
PATCH gak dijamin idempotent. "Tambah 1 ke stok" hasilnya beda tiap kali dikirim.

Status code: lima kelompok

Digit pertama menunjukkan kelompoknya: 1xx info, 2xx sukses, 3xx redirect (datanya ada di alamat lain), 4xx client error (permintaannya yang salah), 5xx server error (server-nya yang bermasalah).

200 OK berhasil. 201 Created data baru dibuat, jawaban yang pas untuk POST yang berhasil. 204 No Content berhasil tanpa body, sering untuk DELETE.
301 Moved Permanently pindah alamat selamanya. 304 Not Modified belum berubah, pakai salinan yang kamu simpan.
400 Bad Request format permintaannya salah. 401 Unauthorized belum login. 403 Forbidden sudah login tapi gak punya izin. 404 Not Found gak ketemu. 429 Too Many Requests kebanyakan request dalam waktu singkat (rate limit), tunggu dulu.
500 Internal Server Error ada error di server. 503 Service Unavailable server lagi gak bisa melayani.

Teks di belakang angka itu baku. Latihan memakainya persis, termasuk huruf besarnya: Not Found, bukan not found.

Dari angka ke kelompok, pakai JavaScript

const status = 404

let kelompok = "unknown"
if (status >= 200 && status < 300) kelompok = "success"
else if (status >= 400 && status < 500) kelompok = "client-error"

const ARTI = { 200: "OK", 404: "Not Found" }
const arti = ARTI[status] || "Unknown"

console.log(kelompok + ":" + arti) // client-error:Not Found

status >= 400 && status < 500 artinya "dari 400 sampai 499".
ARTI[status] mengambil teks dari object, dengan angkanya sebagai kunci.
|| "Unknown" dipakai kalau angkanya gak ada di object, karena ARTI[418] hasilnya undefined.

⚠️ Jebakan yang sering ketemu

Semua dibalas 200. Error yang dibalas 200 plus pesan "gagal" di body bikin kode di browser mengira semuanya berhasil.
401 dan 403 ketuker. 401 artinya "kamu siapa?" (belum login). 403 artinya "aku tahu kamu, tapi kamu gak boleh".
fetch gak gagal untuk 404 atau 500. fetch cuma melempar error kalau jaringannya putus. Cek sendiri res.ok (true untuk 200 sampai 299) atau res.status.

💡 Dua method lain. HEAD sama kayak GET tapi tanpa body, buat ngecek header saja. OPTIONS menanyakan apa yang boleh dilakukan, dan browser memakainya untuk preflight CORS.

TL;DR: Method bilang mau apa: GET ambil, POST bikin, PUT ganti semua, PATCH ubah sebagian, DELETE hapus. GET, PUT, dan DELETE idempotent, POST gak. Status code bilang hasilnya, dikelompokkan dari digit pertama: 1xx info, 2xx sukses, 3xx redirect, 4xx salah di client, 5xx salah di server.