Javascript 객체의 쿼리 문자열 인코딩

쿼리 문자열은 쿼리 매개 변수로 구성되며 서버에 데이터를 보내는 데 사용됩니다. URL의 이 부분은 선택 사항입니다. 개발자가 구성해야 합니다. 이 작업은 encodeURIComponent라는 기본 메서드를 사용하여 수행할 수 있습니다.

encodeURIComponent() 함수는 특정 문자의 각 인스턴스를 문자의 UTF-8 인코딩을 나타내는 1, 2, 3 또는 4개의 이스케이프 시퀀스로 교체하여 URI(Uniform Resource Identifier) ​​구성 요소를 인코딩합니다.

새로운 ES6 형식을 사용하여 객체는 다음과 같은 방식으로 인코딩된 쿼리 문자열이 될 수 있습니다. -

예시

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

출력

이것은 출력을 줄 것입니다 -

name=John&age=25&city=Chicago