jQuery param() 이용하여 url parameter 생성

var url = "/api?";
url += "pageNo=" + 1;
url += "&pageSize=" + 10;

위의 방식처럼 노가다성 코딩 대신

jQuery의 jQuery.param() 함수를 이용하여 url parameter를 쉽게 생성하여 사용할 수 있습니다.

 

var params = { name:"홍길동", title:"홍길동전" };
var str  = jQuery.param( params );
var str2 = $.param( params );
console.log(str);
console.log(str2);
//name=%ED%99%8D%EA%B8%B8%EB%8F%99&title=%ED%99%8D%EA%B8%B8%EB%8F%99%EC%A0%84
//name=%ED%99%8D%EA%B8%B8%EB%8F%99&title=%ED%99%8D%EA%B8%B8%EB%8F%99%EC%A0%84

위와 같이 원하는 parameter를 key/value object로 생성한 뒤

jquery.param() 또는 $. param()의 인자로 넘기게 되면 url parameter를 return 받습니다.

더 편한것은 한글이 value로 있을 경우 encoded 되어 return 됩니다.