jQuery 에서 json 데이타를 읽어오는 방법

Programming/javascript 2013. 12. 11. 18:12

jQuery 에서 json 데이타를 읽어오는 방법은 each 를 사용해서 읽어올수 있다.

jQuery.each 의 표현식

jQuery.each( collection, callback(indexInArray, valueOfElement) )

혹은

$.each( collection, callback(indexInArray, valueOfElement) )

collection 은 array 나 object 가 옵니다.

callback 은 실행될 함수입니다.

indexInArray : array 나 object 의 키값입니다.

valueOfElement : array 나 object의 값입니다.

json 데이타를 jQuery에서 읽어오는 예제

<!doctype html>

<head>

<title>json 데이타를 jQuery에서 읽어오는 예제</title>

</head>

<body>

var obj = { one: 1, two: 2, three: 3, four: 4, five: 5 };

$.each(obj,function(key,value) {

alert('key:'+key+', value:'+value);

});

//여러개의 데이타가 있을경우

var obj2 = [{ name: "홍길동", age: "20" },{ name: "이순신", age: "30" }];

$.each(obj2,function(key,value) {

alert('key:'+key+', name:'+value.name+',age:'+value.age);

});

</script>

</body>

</html>

생계형 개발자 생계형 개발자