uToolGo Alat Kecil, Dampak Besar

Pengkodean dan Dekode URL

Mengkodekan dan mendekodekan string URL untuk menangani karakter khusus dan teks non-ASCII secara aman, cocok untuk parameter query dan transmisi path.

Kodekan

Mode Pengkodean

Dekode

Petunjuk Penggunaan

Pengkodean URL mengubah karakter khusus atau non-ASCII menjadi format %XX agar dapat ditransmisikan dengan aman dalam URL.
Gunakan 'Kodekan' untuk mengonversi teks menjadi bentuk aman yang sesuai untuk URL (misalnya, parameter query).
Gunakan 'Dekode' untuk mengembalikan urutan %XX ke karakter aslinya.
Skenario umum: Menangani parameter query, transmisi data formulir, pemanggilan API, dll.

Contoh Cepat

Teks Asli
https://example.com/search?q=你好世界&type=text
Pengkodean URL
https://example.com/search?q=%E4%BD%A0%E5%A5%BD%E4%B8%96%E7%95%8C&type=text

Fitur Utama

  • Dua mode pengkodean: encodeURIComponent dan encodeURI
  • Penanganan spasi fleksibel: dikodekan sebagai + atau %20
  • Konversi real-time dengan statistik panjang masukan/keluaran
  • Tombol salin/hapus dan pengiriman dua arah ke panel lawan
  • Dukungan internasional penuh dan tema multi-DaisyUI

Apa itu Pengkodean URL

Pengkodean URL mengubah karakter menjadi urutan kode persen %XX agar dapat ditransmisikan dengan aman dalam URL.

encodeURIComponent cocok untuk komponen tunggal (seperti nilai parameter query), dan akan mengodekan sebagian besar karakter non-alfanumerik.

encodeURI cocok untuk string URI lengkap, dan tidak akan mengodekan karakter reservasi seperti ?, &, =, / yang memiliki makna struktural.

Penggunaan Umum

  • Membangun parameter query (kata kunci pencarian, kondisi penyaringan, dll.)
  • Pengkodean dan transmisi data formulir GET/POST
  • Pengkodean parameter permintaan API
  • Memasukkan input pengguna secara aman ke dalam segmen jalur URL

Pertanyaan Umum & Perangkap

  • encodeURI vs encodeURIComponent: gunakan component untuk parameter, gunakan URI untuk seluruh tautan
  • Spasi dan +: application/x-www-form-urlencoded sering menggunakan + untuk mewakili spasi dalam string query
  • Hindari dekode ganda: dekode berulang dapat merusak data
  • Urutan persen tidak valid akan memicu kesalahan; perlukan penanganan exception yang elegan

Cara Melakukan Pengkodean dan Dekode URL dalam Bahasa Pemrograman

JavaScript
Kodekan
// Component (recommended for query values)
const encoded = encodeURIComponent(text);
// If you need '+' for spaces in query strings
const encodedPlus = encoded.replace(/%20/g, '+');
// Full URI
const encodedUri = encodeURI(url);
Dekode
// Treat '+' as space if needed
const input = plusAsSpace ? s.replace(/\+/g, ' ') : s;
// Component
const dec1 = decodeURIComponent(input);
// Fallback to decodeURI when input is a full URL
const dec2 = decodeURI(input);
PHP
Kodekan
// Component (RFC 3986)
$encoded = rawurlencode($text);
// '+' for spaces (application/x-www-form-urlencoded)
$encodedPlus = str_replace('%20', '+', $encoded);
// Full query usage
$query = http_build_query(['q' => '你好 世界', 'type' => 'text']);
Dekode
// Component
$decoded = rawurldecode($s);
// If input uses '+' for spaces
$decodedPlus = urldecode($s);
Python
Kodekan
from urllib.parse import quote, quote_plus

# Component (RFC 3986)
enc = quote(text, safe='')
# '+' for spaces (application/x-www-form-urlencoded)
enc_plus = quote_plus(text)
Dekode
from urllib.parse import unquote, unquote_plus

# Component
dec = unquote(s)
# Input with '+' for spaces
dec_plus = unquote_plus(s)
Go
Kodekan
import (
    "net/url"
)

// Query component
enc := url.QueryEscape(text) // spaces => +
// Path segment
// go1.8+
// url.PathEscape(text)
Dekode
import (
    "net/url"
)

// Query component
dec, _ := url.QueryUnescape(s)
// Path segment
// url.PathUnescape(s)
Rust
Kodekan
// Cargo.toml: urlencoding = "^2"
use urlencoding::{encode, encode_binary};

let enc = encode(text);              // component; spaces => %20
let enc_plus = enc.replace("%20", "+"); // if you need '+' for spaces
Dekode
use urlencoding::decode;

// decode treats '+' as space
let dec = decode(s)?; // Result, _>
Java
Kodekan
import java.net.URLEncoder;
import java.nio.charset.StandardCharsets;

// Query param / form style (spaces => '+')
String enc = URLEncoder.encode(text, StandardCharsets.UTF_8);
// For RFC3986-like component encoding, replace '+' with %20 if needed
String encSpace = enc.replace("+", "%20");
Dekode
import java.net.URLDecoder;
import java.nio.charset.StandardCharsets;

// URLDecoder treats '+' as space
String dec = URLDecoder.decode(s, StandardCharsets.UTF_8);
Cari Alat →