ajax

• 비동기 통신 : 연속적 요청 가능
• jQuery를 사용

• .$get()방식을 사용한다.

JSON

JavaScript Object Notation
경량의 데이터-교환 형식이다.
사람이 읽고 쓰기에 용이하며, 기계가 분석하고 생성함에도 용이하다.
JSON은 완벽하게 언어로 부터 독립적이다.
JSON을 이상적인 DATA-교환 언어로 만들고 있다.

JSON의 구조

JSON Object 표기법 - name /value 쌍의 집합
{"name":value, "name":value, "name":value}
자바 스크립트의 객체와 대응
자바의 VO, Map과 대응

JSON Array 표기법 - 값들의 순서화된 리스트
[value, value, value, value]
자바스크립트의 배열과 대응
자바의 배열, 콜렉션과 대응
* value : "문자열", 숫자, null, ture, false, Object, Array

JSON 형식의 데이터 예시
JSON Object
{"no":100, "title":"이것이 자바다", "author":"신용권", "price":35000, "discountPrice":31500, "onSell":true, "stock":15}
{"name":"국내도서", "categories":["생활","인문","문학","기술서","대학교재"]}
{"name":"홍길동", "car":{"name":"제네시스","maker":"현대자동차","price":60000000}}
{"name":"국내도서", "categories":[{"no":100,"name":"생활"}, {"no":110,"name":"인문"},{"no":120,"name":"문학"}]}
JSON Array
["김유신","이순신","강감찬,"류관순"][{"no":100, "title":"이것이 자바다","price:35000},{"no":101,"title":"자바의 정석","price":30000}]

• gson을 표기하는 것을 통해 JSON Array 표기법의 텍스트로 변환된다.

sample20-response.jsp

• JSON.parse 는 자바스크립트의 객체({})나 배열([])로 바꿔준다.

sample20-ajax.jsp

AJAX 요청을 대한 클라이언트 코드

• jQuery를 통해 ajax에게 데이터를 보내고

AJAX 서버측 코드

사원 데이터 정보가 콘솔창에 나타난다.