고정 헤더 영역
상세 컨텐츠
본문
반응형
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
<style type="text/css">
td {
border: 2px double #FF5E00;
width: 100px;
font-family: "휴먼매직체";
text-align: center;
}
#a {
background: #FFFFB4;
text-align: center;
}
</style>
<script src="https://code.jquery.com/jquery-1.10.2.js"></script>
<script type="text/javascript">
$(document).ready(function() {
$("#memberlist").click(memberListFunc);
});
function memberListFunc() {
memberlistCon.innerHTML = "";
$.ajax({
url : "member/listMember.do",
dataType : "json",
success : function(data) {
title=["id","pw","addr","tel"]
//data -> list 통배열 ,, data.list -> list통배열안에 있는 여러 배열들
$("<table/>").appendTo("#memberlistCon");
$.each(data.list,function(a,b){
var arr = [];
$("<tr/>",{
id : "trTag"+a
}).appendTo("table")
$.each(title , function(i){ // 이치문이 4번 돌아가기 위해서 title배열을 이용함
arr.push("<td>"+ b[title[i]] +"</td>");
0번째 배열이 오면 2중이치문이 4번 돌아서 타이틀의 0,1,2,3의 값으로 키값을 맞춰서 벨류값을 뽑아온다.
})
$("<td/>",{
html : arr
}).appendTo("#trTag"+a)
})
}
});
}
</script>
</head>
<body>
welcome to SEOUL IT Education Center~!!!
<br />
<a href="member/loginForm.html">로그인</a>
<a href="#" id="memberlist">회원리스트</a>
<div id="memberlistCon"></div>
</body>
</html>
'관리X 과거글' 카테고리의 다른 글
| JSP 디비연동으로 회원리스트를 EL로 출력하기 (0) | 2015.03.12 |
|---|---|
| requestScop를 써서 bean객체에서 id pw 가져오기 (0) | 2015.03.12 |
| jsp & 서블릿] web.xml 파라미터 갖고오기 (0) | 2015.03.05 |
| 서블릿을 이용해 DB에서 회원 리스트 출력하기 (0) | 2015.03.05 |
| 서블릿에서 request 파라미터값 넘기는 방법, 서블릿에서 forward 사용하기 (0) | 2015.03.05 |
