🧩 Pembuat Query String

Tambahkan baris key/value dan langsung dapatkan query string dengan percent-encoding yang benar, dibuat dengan URLSearchParams. Masukkan base URL untuk melihat URL lengkap yang tersusun, atau beralih ke Uraikan dan tempel query string atau URL yang sudah ada untuk memecah tiap parameter ke dalam tabel.

Base URL (opsional)

Parameter

Hasil

Alat developer lainnya

🔍 Pengurai URL 🔗 Pengode/Pengurai URL 📊 Pembuat UTM

PANDUAN

Pelajari lebih lanjut

1. Mengapa meng-encode dengan URLSearchParams?

Query string sering berisi karakter non-ASCII, spasi, dan karakter khusus seperti `&`, `=`, dan `#`. Menggabungkannya secara manual mudah menimbulkan bug — encoding yang terlewat, double-encoding, atau benturan delimiter. URLSearchParams adalah API standar browser yang melakukan percent-encoding setiap nilai dengan benar sesuai aturan application/x-www-form-urlencoded dan menggabungkannya dengan aman menggunakan `&`. Alat ini memakai logika yang sama persis untuk menghasilkan outputnya.

2. Bagaimana kunci duplikat ditangani?

Query string seperti `category=IT&category=Dev`, saat kunci yang sama berulang, umum dipakai untuk filter multi-select atau parameter bergaya array. Tab Uraikan membaca setiap entri sesuai urutan melalui URLSearchParams.entries(), menampilkan satu baris tabel terpisah untuk setiap nilai meskipun kuncinya berulang — menghindari kesalahan umum yang hanya menyimpan nilai pertama dan diam-diam membuang sisanya.

3. Round-trip antara Buat dan Uraikan

Tempel URL lengkap ke Uraikan dan alat ini akan mengekstrak dengan benar hanya bagian setelah `?` (dan sebelum `#`) sebagai query string. Sebaliknya, tempel hasil dari Buat kembali ke Uraikan untuk memeriksa bahwa encoding sudah benar dan setiap nilai kembali ke bentuk aslinya.

Pertanyaan umum

Apakah nilai non-ASCII seperti emoji atau karakter beraksen dienkode dengan benar?

Ya. URLSearchParams meng-encode semua karakter non-ASCII sebagai percent-encoding UTF-8 standar. Setiap nilai yang Anda masukkan — karakter beraksen, emoji, spasi — dienkode dengan aman.

Apa yang terjadi dengan kunci atau nilai kosong?

Baris dengan kunci kosong dikecualikan dari hasil. Baris dengan kunci tetapi nilai kosong tetap disertakan, sebagai `key=`.

Apa yang terjadi jika saya tidak memasukkan base URL?

Tanpa base URL, yang ditampilkan hanya query string-nya, misalnya `?key=value&...`. Masukkan base URL untuk mendapatkan URL lengkap yang tersusun, misalnya `baseUrl?key=value&...`.

Apakah data saya dikirim ke server?

Tidak. Baik proses pembuatan maupun penguraian sepenuhnya berjalan di JavaScript browser Anda dan tidak pernah dikirim ke server.