URL 인코딩 없이 $.param 메소드를 사용하는 방법

jQuery의 Ajax 요청을 사용할 때 데이터 전송을 용이하게 하기 위해 $.param 메서드를 사용하여 개체를 쿼리 문자열로 직렬화하는 경우가 많습니다. $.param 메소드는 자동으로 데이터를 URL 인코딩합니다(예: 공백을 %20으로 변환). 그러나 때로는 URL 인코딩 없이 객체를 직렬화하고 그대로 유지하고 싶을 때가 있습니다. 이 글에서는 URL 인코딩 없이 $.param 메소드를 사용하는 방법을 소개합니다.

먼저 $.param 메소드의 기본 사용법을 살펴보겠습니다. 다음 개체가 있다고 가정합니다.

var data = {
  name: 'John Doe',
  age: 30,
  company: 'ABC Inc.',
  address: {
    street: '123 Main St',
    city: 'Anytown',
    state: 'CA',
    zip: '12345'
  }
};

$.param 메서드를 사용하여 아래와 같이 쿼리 문자열로 직렬화할 수 있습니다.

var queryString = $.param(data);

// queryString 的值为：
// "name=John%20Doe&age=30&company=ABC%20Inc.&address%5Bstreet%5D=123%20Main%20St&address%5Bcity%5D=Anytown&address%5Bstate%5D=CA&address%5Bzip%5D=12345"

보시다시피 $.param 메서드는 개체를 URL 인코딩하고 변환합니다. 공백을 %20으로 설정하면 일부 특수 문자가 인코딩됩니다. 원래 모습을 유지하려면 약간의 트릭을 사용해야 합니다.

먼저 다음과 같이 URL 인코딩을 수행하지 않는 함수를 정의해야 합니다.

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

이 함수의 기능은 개체를 URL 인코딩을 수행하지 않는 문자열로 변환하는 것입니다. 다음으로, 이 함수를 사용하여 아래와 같이 개체를 쿼리 문자열로 직렬화할 수 있습니다.

var queryString = Object.keys(data).map(function(key) {
  var value = data[key];
  if (typeof value === 'object') {
    value = serializeParam(value).replace(/%20/g, '+');
  }
  return encodeURIComponent(key) + '=' + value;
}).join('&');

// queryString 的值为：
// "name=John Doe&age=30&company=ABC Inc.&address[street]=123 Main St&address[city]=Anytown&address[state]=CA&address[zip]=12345"

보시다시피, 이 방법으로 생성된 쿼리 문자열은 URL로 인코딩되지 않지만 공백을 더하기 기호로 바꿉니다. 따라서 데이터를 수신하는 서버가 이 전송 방법을 지원할 수 있다면 이 방법을 사용할 수 있습니다.

요약하자면, 특정 요구 사항에 맞는 사용자 정의 함수를 사용하면 URL 인코딩 없이 jQuery에서 객체를 직렬화할 수 있습니다.

위 내용은 URL 인코딩 없이 $.param 메소드를 사용하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!