티스토리 뷰


$(function(){

var obj = { width:1680, height:1050 };
var data1 = $.param( obj ); // 자바스크립트 객체(리터럴)을 쿼리스트링으로 만들어준다.
console.log(data1) // 결과 : width=1680&height=1050


var data2 = $("form").serialize(); // form의 입력데이터를 쿼리스트링으로 만들어준다.
console.log(data2); // 결과 : a=1&b=2&c=3&d=4&e=5


var data3 = $('form').serializeArray(); // form의 입력데이터를 배열의 Object형태로 만들어준다.
console.log(data3);
/*

결과 :
[Object, Object, Object, Object, Object]
0: Object name: "a"value: "1"
1: Object name: "b"value: "2"
2: Object name: "c"value: "3"
3: Object name: "d"value: "4"
4: Object name: "e"value: "5"
length: 5
*/



//------------------------------------------------------------------------------------------------------------------------------------------

// JSON.stringify 와 JSON.parse는 jQuery 메서드는 아니지만 유용하게 쓰인다. 참고...

var json_str = JSON.stringify(data3); // Obejct(리터럴)을 json문법에 맞게 string 타입으로 변형
console.log(json_str)
//결과 : '[{"name":"a","value":"1"},{"name":"b","value":"2"},{"name":"c","value":"3"},{"name":"d","value":"4"},{"name":"e","value":"5"}]' //string


var json_obj = JSON.parse(json_str); // json문법의 string을 배열의 Object형태로 변형
console.log(json_obj) // 결과는 data3과 같다. //object

})


//------------------------------------------------------------------------------------------------------------------------------------------

//JSON.parse //JSON.stringify 함수는 두번째 파라미터로 함수(key, value)를 받을 수 있고 filter기능을 한다.

var data = '{"a":"100", "b":"200" }';
var result = JSON.parse(data, function(key, value){

return key === 'a' ? 9999 : value;

});
console.log(result) // Object {a: 9999, b: "200"}

출처: http://mylife365.tistory.com/143

댓글
공지사항
최근에 올라온 글
링크
«   2024/05   »
1 2 3 4
5 6 7 8 9 10 11
12 13 14 15 16 17 18
19 20 21 22 23 24 25
26 27 28 29 30 31
글 보관함