Tạo chuỗi truy vấn URL

Tạo URL kèm tham số truy vấn từ các cặp khóa/giá trị, dùng mã hóa biểu mẫu (dấu cách thành +) hoặc RFC 3986 (%20). Có thể nhập tham số từ một URL có sẵn.

URL gốc

Tham số

Kiểu mã hóa

URL kết quả

https://example.com/search?q=coffee+%26+tea&page=2

Nhập tham số từ một URL có sẵn

Tạo chuỗi truy vấn URL là gì?

Công cụ này biến một URL gốc và danh sách các cặp khóa/giá trị thành URL được mã hóa đúng chuẩn. Chọn mã hóa biểu mẫu HTML (dấu cách thành +, như URLSearchParams) hoặc mã hóa phần trăm RFC 3986 nghiêm ngặt (dấu cách thành %20), và nhập tham số của một URL có sẵn để chỉnh sửa.

Cách sử dụng Tạo chuỗi truy vấn URL

Nhập URL gốc, ví dụ https://example.com/search.
Điền các dòng khóa và giá trị; dùng Thêm tham số để thêm dòng và × để xóa một dòng.
Chọn kiểu mã hóa.
Sao chép URL kết quả. Để sửa một liên kết có sẵn, mở mục "Nhập tham số từ một URL có sẵn".

Ví dụ

Đầu vào

https://example.com/search, q = coffee & tea, page = 2

Đầu ra

https://example.com/search?q=coffee+%26+tea&page=2

Với mã hóa RFC 3986: https://example.com/search?q=coffee%20%26%20tea&page=2

Khi nào nên dùng Tạo chuỗi truy vấn URL

Dùng công cụ để tạo lời gọi API, liên kết theo dõi hoặc URL thử nghiệm mà không phải tự mã hóa các ký tự đặc biệt như &, = hay dấu cách. Nếu chỉ muốn đọc tham số của một URL có sẵn, công cụ Phân tích URL sẽ nhanh hơn.

Tạo chuỗi truy vấn URL hoạt động như thế nào

Các dòng có khóa trống bị bỏ qua và giá trị chỉ được mã hóa đúng một lần. Mã hóa biểu mẫu dùng URLSearchParams.toString(); chế độ RFC 3986 dùng encodeURIComponent và thoát thêm các ký tự ! ' ( ) *. Chuỗi truy vấn có sẵn trong URL gốc bị thay thế, còn #fragment được giữ ở cuối. Chức năng nhập tách URL tại ? và # rồi giải mã các cặp bằng URLSearchParams.

Các Trường Hợp Sử Dụng Phổ Biến

Tạo URL tìm kiếm có giá trị chứa & hoặc =.
Tạo liên kết chiến dịch gắn thẻ UTM.
Chuẩn bị các yêu cầu GET đã mã hóa để kiểm thử API.
Sửa một tham số của URL dài mà không làm hỏng phần còn lại.

Câu Hỏi Thường Gặp

Dấu cách nên là + hay %20?

Hầu hết máy chủ đều hiểu cả hai trong chuỗi truy vấn. + đến từ kiểu mã hóa biểu mẫu HTML; %20 là kiểu mã hóa URI chung và an toàn hơn khi bên nhận không phải là một web framework thông thường.