JavaScript 개체를 쿼리 문자열로 효율적으로 인코딩하려면 어떻게 해야 합니까?

쿼리 문자열을 위한 효율적인 JavaScript 개체 인코딩

GET 요청을 통해 전송하기 위해 JavaScript 개체를 문자열로 인코딩하는 것은 지루한 작업이 될 수 있습니다. 다행히도 타사 라이브러리나 jQuery에 의존하지 않는 간단한 JavaScript 솔루션이 있습니다.

이를 수행하는 방법은 다음과 같습니다.

serialize = function(obj) {
  var str = [];
  for (var p in obj)
    if (obj.hasOwnProperty(p)) {
      str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p]));
    }
  return str.join("&");
}

이 함수는 JavaScript 개체를 입력으로 사용합니다. 그리고 인코딩된 문자열을 반환합니다. 인코딩 프로세스에는 다음이 포함됩니다.

• 객체 속성 반복
• 속성 이름과 값 모두 URL 인코딩
• 인코딩된 쌍을 앰퍼샌드(&)로 연결 구분 기호

설명을 위해 다음을 인코딩해 보세요. 객체:

{
  foo: "hi there",
  bar: "100%"
}

직렬화 기능 사용:

console.log(serialize({
  foo: "hi there",
  bar: "100%"
}));

다음과 같은 인코딩된 문자열을 출력합니다.

foo=hi%20there&bar=100%25

이 인코딩된 문자열은 다음과 같이 전달될 수 있습니다. 번거로움 없이 GET 요청에서 쿼리 문자열을 사용할 수 있습니다.

위 내용은 JavaScript 개체를 쿼리 문자열로 효율적으로 인코딩하려면 어떻게 해야 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!