URL Encoding là gì?
URL encoding (còn gọi là percent-encoding) là cơ chế chuyển đổi các ký tự không được phép trong URL sang định dạng an toàn để truyền tải. Trong một URL, chỉ một số ký tự ASCII nhất định được phép sử dụng trực tiếp — chữ cái (A–Z, a–z), chữ số (0–9) và một vài ký tự đặc biệt (-, _, ., ~). Tất cả các ký tự khác phải được mã hóa.
Khi một ký tự được mã hóa, nó được thay thế bằng dấu phần trăm (%) theo sau là hai chữ số thập lục phân đại diện cho giá trị byte của ký tự đó theo UTF-8. Ví dụ, dấu cách trở thành %20, và ký hiệu & trở thành %26.
Tại sao URL Encoding quan trọng?
Nếu không có URL encoding, các ký tự đặc biệt trong URL có thể bị trình duyệt và máy chủ hiểu nhầm:
- Dấu cách trong tham số query sẽ làm hỏng cấu trúc URL
- Dấu
&phân tách các tham số query, vì vậy phải được mã hóa khi dùng làm giá trị - Dấu
=phân tách khóa và giá trị trong query string - Dấu
#chỉ định một fragment trong trang, không phải một giá trị
URL encoding đảm bảo dữ liệu được truyền tải an toàn và chính xác qua web, REST API và HTML form.
Các ký tự thường gặp cần được mã hóa
| Ký tự | Đã mã hóa | Mô tả |
|---|---|---|
| Dấu cách | %20 | Khoảng trắng |
& | %26 | Dấu và |
= | %3D | Dấu bằng |
+ | %2B | Dấu cộng |
# | %23 | Dấu thăng |
? | %3F | Dấu chấm hỏi |
/ | %2F | Dấu gạch chéo |
: | %3A | Dấu hai chấm |
@ | %40 | Dấu @ |
% | %25 | Dấu phần trăm |
< | %3C | Nhỏ hơn |
> | %3E | Lớn hơn |
Cách sử dụng công cụ này
- Dán hoặc nhập văn bản bạn muốn mã hóa vào ô nhập liệu
- Nhấn Chuyển mã URL — hoặc bật chế độ Tự động để mã hóa ngay khi nhập
- Sao chép kết quả từ ô kết quả
- Tùy chọn: tải lên file
.txtđể mã hóa nội dung của file
Để điền sẵn dữ liệu qua URL, thêm ?input=văn bản của bạn vào địa chỉ công cụ.
encodeURI vs encodeURIComponent — Sự khác biệt
JavaScript cung cấp hai hàm mã hóa tích hợp với hành vi khác nhau:
encodeURI()— Mã hóa toàn bộ URL. Không mã hóa các ký tự có ý nghĩa đặc biệt trong URL như/,?,=,&,#. Dùng khi mã hóa cả một địa chỉ URL hoàn chỉnh.encodeURIComponent()— Mã hóa một thành phần URL (ví dụ: giá trị tham số query). Có mã hóa các ký tự như&,=,?,/. Dùng cho các giá trị riêng lẻ trong query string.
Công cụ này sử dụng encodeURIComponent(), lý tưởng để mã hóa giá trị query string, dữ liệu form và tham số API — trường hợp sử dụng phổ biến nhất với lập trình viên.
Trường hợp sử dụng phổ biến
- Xây dựng URL API request — Mã hóa giá trị tham số trước khi ghép vào URL request
- Mã hóa dữ liệu form — Mã hóa an toàn văn bản do người dùng nhập trước khi gửi dưới dạng query string
- Tạo share link — Mã hóa văn bản sẽ được truyền dưới dạng tham số URL
- Sửa URL bị hỏng — Làm sạch các URL chứa ký tự đặc biệt chưa được mã hóa
- Tích hợp webhook — Mã hóa giá trị payload trong webhook dựa trên URL
Truyền dữ liệu qua tham số
Bạn có thể điền sẵn dữ liệu đầu vào bằng cách thêm query string vào URL:
https://www.uprek.com/vi/tools/chuyen-ma-url?input=xin chào & tên=Minh
Điều này giúp dễ dàng liên kết trực tiếp đến công cụ với dữ liệu được điền sẵn — hữu ích cho tài liệu, quy trình công việc và chia sẻ.
Chi tiết kỹ thuật
Công cụ này chạy hoàn toàn trong trình duyệt của bạn bằng hàm JavaScript gốc encodeURIComponent(). Không có dữ liệu nào được gửi đến máy chủ. Xử lý tức thì và hoạt động offline sau khi trang đã tải.
encodeURIComponent() mã hóa tất cả các ký tự ngoại trừ: A–Z a–z 0–9 - _ . ! ~ * ' ( )
Lưu ý bảo mật
- Double-encoding: Tránh mã hóa một chuỗi đã được mã hóa.
%20nếu mã hóa lại sẽ thành%2520, gây ra kết quả không mong muốn. Luôn bắt đầu từ văn bản gốc chưa mã hóa. - Chỉ xử lý phía client: Không có dữ liệu đầu vào nào rời khỏi trình duyệt của bạn — công cụ này hoàn toàn riêng tư và không cần kết nối máy chủ.