본문 바로가기

json jquery

(2)
JSON을 응용해보자.(JSON + jquery 예제 2) 저번 포스팅에서는 JSON형태를 jquery를 통하여 이미지 링크를 화면에 뿌려주는 작업을 했습니다.이번에는 구글 이미지에서 보여주는것처럼 버튼을 누를때다마 이미지를 뿌려주는 작업을 해보겠습니다.일단 구글 이미지는 다음 화면과 같습니다. 아래의 결과 더보기를 버튼을 누르면 이미지들이 아래에 생성되는 기능입니다.(트위터나 블로그에도 많이 사용되는 기능이죠?) 사실 jquery 에서 지원하는 함수만 써준다면 간단히 해결이 됩니다.먼저 버튼 이벤트를 위해서 기존의 소스에서 페이지 실행후 바로 실행되던 스크립트를 이벤트 형식으로 바꿔줍니다. var ImageAdd = function(){$.getJSON(jsonimage, params, function(data, status) {if(data.rankedTwi..
JSON은 무엇일까? (JSON + jquery 예제) JSON(JavaScript Object Notation)의 약자 사람이 읽고 쓰기에 용이하며, 기계가 분석하고 생성함에도 용이. DATA 교환언어. 참고 JSON 개요 : http://www.json.org/json-ko.html XML도 많이 사용하지만 요즘엔 JSON도 많이 지원을 해준다.(왠만한 api 및 데이터교환은 XML or json 방식으로 해주는듯하다. )openAPI를 사용하는 도중에 xml방식보다는 JSON방식으로 사용하는편이 너무 쉬워서 예제를 올려본다. www.followkr.com 에서 지원해 주는 API로 만들었습니다.아래의 예제는 http://www.followkr.com/common/html/api.html 에 있는 sample code를 변형하여 작성하였습니다. jQuer..