querystring jquery 로 쉽고 명확하게 만들기

javascript상에서 쿼리스트링을 생성하여 redirect하거나, 비동기로 요청을 해야하는 경우가 있다.
간단하게는 string을 직접 생성하여 사용하는 방법도 있다.
jquery는 좀더 우아한 코드작성에 도움을 준다, 파라메터가 복잡할수록 가독성도 좋아진다.

파라메터가 하나 추가될때 이전방식은 변수선언과 url합성을 동시에 해야하는반면,
jquery를 사용했을때는 들어가는 object의 내용만 바꿔주면된다.

before

1
2
3
4
5
6
7
var id = "myId";
var name = "myName";
var age = "20"
window.location = 'http://localhost:7000?' +
'&id=' + id +
'&name=' + name
'&age=' + age;

after

1
2
3
4
5
6
7
var url = 'http://localhost:7000';
var obj = {
id : 'myId',
name : 'myName',
age : 20
};
window.location = url +'?' + $.param(obj);