Cara menggunakan
- Pilih Encode atau Decode.
- Pilih mode — Komponen untuk nilai satu parameter, URL lengkap untuk mempertahankan struktur URL, atau Formulir (+ untuk spasi) untuk data formulir HTML, di mana spasi menjadi +.
- Tempel teks Anda. Hasilnya diperbarui saat Anda mengetik.
- Jika masukannya berupa URL, protokol, host, path, dan parameter kuerinya ditampilkan di bawah.
Penjelasan opsi
- Komponen
- Meng-encode semua karakter kecuali huruf, angka, dan - _ . ~ — gunakan untuk nilai parameter kueri atau satu segmen path. Sama dengan encodeURIComponent, ditambah ! ' ( ) * yang dicadangkan oleh RFC 3986.
- URL lengkap
- Membiarkan karakter yang membentuk struktur URL (: / ? # & =) dan meng-encode spasi serta karakter non-ASCII. Sama dengan encodeURI di JavaScript.
- Formulir (+ untuk spasi)
- application/x-www-form-urlencoded, yang dipakai formulir HTML. Spasi menjadi + alih-alih %20; saat decode, + dikembalikan menjadi spasi.
Contoh
| Masukan | Komponen | URL lengkap | Formulir |
|---|---|---|---|
a b&c |
a%20b%26c |
a%20b&c |
a+b%26c |
café |
caf%C3%A9 |
caf%C3%A9 |
caf%C3%A9 |
https://x.com/?q=1 2 |
https%3A%2F%2Fx.com%2F%3Fq%3D1%202 |
https://x.com/?q=1%202 |
https%3A%2F%2Fx.com%2F%3Fq%3D1+2 |
Menyusun URL dengan parameter
Saat memasukkan input pengguna ke query string, encode setiap nilai secara terpisah:
const url = `https://example.com/search?q=${encodeURIComponent(query)}&page=2`;Jika seluruh URL baru di-encode di akhir, karakter & dan = di dalam nilai tidak ikut di-encode dan parameternya menjadi rusak.
Pertanyaan yang sering diajukan
Apa bedanya %20 dan +?
Keduanya bisa mewakili spasi, tetapi di tempat yang berbeda. %20 berlaku di bagian mana pun dari URL; + berarti spasi hanya di query string pada pengiriman formulir. Di dalam path, + adalah tanda plus biasa.
Mengapa teks saya ter-encode dua kali (%2520)?
Teks itu di-encode dua kali — tanda % dari %20 ikut di-encode menjadi %25. Decode dua kali, dan pastikan di kode Anda hanya satu lapisan yang meng-encode nilainya.
Kapan memakai encodeURI dan kapan encodeURIComponent?
Gunakan encodeURIComponent (mode Komponen) untuk setiap nilai parameter yang Anda sisipkan ke URL. Gunakan encodeURI (URL lengkap) hanya untuk URL utuh yang mungkin berisi spasi atau karakter non-ASCII.
Apa arti "percent-encoding tidak valid"?
Ada tanda % yang tidak diikuti dua digit heksadesimal, atau byte-nya tidak membentuk UTF-8 yang valid. Pesan kesalahan menunjukkan posisi urutan pertama yang salah.
Bagaimana karakter Tionghoa di-encode dalam URL?
Setiap karakter diubah menjadi byte UTF-8 dan setiap byte ditulis sebagai %XX, jadi 中 menjadi %E4%B8%AD.
Privasi
Alat ini berjalan sepenuhnya di browser Anda. File dan teks Anda diproses di perangkat Anda dan tidak pernah diunggah ke server kami.