<%
Map<String,Object> map=new HashMap<>();
map.put("aa","bb");
map.put("cc",new int[]{100,200,300});
map.put("dd",new String[]{"aa","bb"});
JSONObject json=JSONObject.fromObject(map);
out.print(json);
%>
{"aa":"bb","cc":[100,200,300],"dd":["aa","bb"]}
<body>
<%
String id = request.getParameter("id");
MemberBean bean = MemberDAOImpl.getInstance().selectMember(id);
Map<String,Object> map=new HashMap<>();
map.put("member",bean);
out.print(JSONObject.fromObject(map));
%>
</body>
bean 에 member 테이블에 있는 id가 저장
T5.JSP import 생략
<%
List<MemberBean> list=MemberDAOImpl.getInstance().selectMemberList();
Map<String,Object> map=new HashMap<>();
map.put("memberlist",list);
JSONObject json=JSONObject.fromObject(map);
out.print(json);
%>
TestJson.jsp /t5.jsp 로 넘어가는데 성공해서 받아온 str은 Object이다, str.memberlist 로 뽑아도 배열로 data가 가진다.
$.each 로 받아온 배열을 i로 뽑고 빈 껍데기 bar에 넘긴다.그리고 테이블에 받아온 값들을 붙인다
<%@ page language="java" contentType="text/html; charset=ISO-8859-1"
pageEncoding="ISO-8859-1"%>
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
<script src="https://code.jquery.com/jquery-3.5.0.js"></script>
<script type="text/javascript" src="./TestJson.js"></script>
<style>
td { border:1px solid navy; width:50px; }
</style>
<!--ajax 시작 -->
<script >
$(document).ready(function () {
$.ajax({
url:"t5.jsp",
dataType:"json",
success:function(str){
var data = str.memberlist;
var bar="";
$.each(data,function(i){
bar += "<TR>"
bar += '<TD><INPUT TYPE="CHECKBOX"></TD><TD>' + data[i].id + '</TD><TD>' + data[i].pw + '</TD><TD>' + data[i].addr + '</TD><TD>'+data[i].tel+'</TD>'
bar += '</TR>'
});
$("#tableTag").append(bar);
},
error:function(str){
alert("ab");
}
});
});
</script>
</head>
<body>
<input type="button" value="추가" id="addButton" />
<input type="button" value="일괄처리" id="processButton" />
<table id="tableTag">
<tr id="del">
<td >DEL</td>
<td >ID</td>
<td >PW</td>
<td >ADDR</td>
<td >TEL</td>
</tr>
</table>
</body>
</body>
</html>
t5.jsp json 즉 넘어갈때 Object 타입으로 간다
<%@page import="java.util.HashMap"%>
<%@page import="java.util.Map"%>
<%@page import="java.util.List"%>
<%@page import="kr.co.seoulit.member.dao.MemberDAOImpl"%>
<%@page import="kr.co.seoulit.member.to.MemberBean"%>
<%@page import="net.sf.json.JSONObject"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
List<MemberBean> list=MemberDAOImpl.getInstance().selectMemberList();
Map<String,Object> map=new HashMap<>();
map.put("memberlist",list);
JSONObject json=JSONObject.fromObject(map);
out.print(json);
%>