Mã hóa chuỗi truy vấn của một đối tượng Javascript

Chuỗi truy vấn được tạo thành từ các tham số truy vấn và được sử dụng để gửi dữ liệu đến máy chủ. Phần này của URL là tùy chọn. Nó cần được xây dựng bởi nhà phát triển. Điều này có thể được thực hiện bằng cách sử dụng một phương pháp gốc được gọi là encodeURIComponent.

Hàm encodeURIComponent () mã hóa thành phần Mã định danh tài nguyên đồng nhất (URI) bằng cách thay thế từng trường hợp của các ký tự nhất định bằng một, hai, ba hoặc bốn chuỗi thoát đại diện cho mã hóa UTF-8 của ký tự

Sử dụng định dạng ES6 mới, các đối tượng có thể được mã hóa chuỗi truy vấn theo cách sau -

Ví dụ

let obj = {
   name: 'John',
   age: 25,
   city: 'Chicago'
};
let qs = Object.keys(obj)
            .map(k =>
`${encodeURIComponent(k)}=${encodeURIComponent(obj[k])}`) .join('&');
console.log(qs);

Đầu ra

Điều này sẽ cung cấp đầu ra -

name=John&age=25&city=Chicago