Ajax(JSON방식)

XML 방식이 아닌 JSON 방식으로 Ajax를 해본다.

 

JSON 방식이 더욱 쉽다.!!!

 

자바스크립트에서 객체 보는법 , 객체 표기법

 

이해를 돕기위해 만들었다

 

 

JSON

DB에서 select한 내용을 Object(객체) 타입으로 해주어서 보내주면 우리는 손쉽게 key 값만 알아서 사용할 수 있다.

만약에 object 가 한개가 아닌 여러개 이라면 배열로 받으면 된다.!

 

여기서 복수개라면

 

 

 

 

 

값을 받아와 보여줄 html을 하나 만든다.

 

 

[ JSONtest02.java ] - 배열을 보여준다.

 

 

XML 방식이 아닌 JSON 방식으로 XML에서 해주었던 광고, 기사, 회원목록을 ajax를 이용하여 만들어 보겠다.

 

 

JSON 관련 라이브러리를 다운받으면 자동적으로 사용가능하다.

 

gson, json-20180813, json-simple

[ JesontestImageAction.java ]

우리가 위에서 다운받아서 lib에 넣어주었기 때문에 위에 같이 import 가 나온다.

우리는 org.json 을 사용한다.

 

위에처럼 결과물이 나온다.

 

 

newsTitle

위에처럼 나온다.

 

이제 회원목록 memberList를 보여준다.

 

이제 main.jsp 에서 하나로 보여준다 - Ajax.

main.jsp 참조하기!!