-
Json / 데이터 가져오기JSP 2020. 1. 23. 18:25728x90
<준비>
더보기< 준비할 파일 >
1. json.html : json.jsp로 부터 값을 가져와 보여주는 html 파일
2. json.jsp : json 데이터 값을 가지고 있는 파일
- json.html 코드
<script src="../js/jquery-3.4.1.js"></script> <script type="text/javascript"> $(document).ready(function () { $.getJSON('json1.jsp', function (d) { $.each(d, function (index,item) { // body 뒷부분 추가 name, gender <br> var name = item.name; var gender = item.gender; $('body').append(name + " : " + gender + "<br>"); }); }); }); </script> </head> <body> </body>- json.jsp 코드
[ {"name":"홍길동","gender":"남자"}, {"name":"유관순","gender":"여자"} ]- 결과
- 배열 형태를 사용하여 데이터를 표현한다
- 컨텐트 타입으로 text/xmlapplication/json 을 사용
728x90728x90'JSP' 카테고리의 다른 글
jQuery 다운로드 및 사용하기 (0) 2020.01.15