jquery_customer.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<%@ page import="com.onj.dao.CustomerDao" %>   
<%@ page import="com.onj.beans.Customer" %>   
<%@ page import="java.util.List, java.util.ArrayList" %> 
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c" %>  
<%@ taglib uri="http://java.sun.com/jsp/jstl/fmt" prefix="fmt" %>
<%
CustomerDao dao = CustomerDao.getInstance(); 
List<Customer> list = dao.getCustomerList();
pageContext.setAttribute("list", list);
%>
<!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">
<script type="text/javascript" src="/Web02/jquery.js"></script>
<title>Insert title here</title>
</head>
<body>
<p>페이지 생성 시간: <%= new java.util.Date().toLocaleString() %></p>
<ul id="memberList">
<c:forEach var="customer" items="${list}">
 <li><a href="geCustomer.jsp?id=${customer.id}">${customer.name }</a></li>
</c:forEach>
</ul>

<div id="customerDetail"></div>
<script type="text/javascript">
$(document).ready(
 function() {
  $("#memberList a").click(
   function(e) {
    e.preventDefault();
    showDetails(this);
   }
  );
 }
);

function showDetails(link) {
 var detailContainer = $("#customerDetail");
 var url = link.href;
 
 $.get(url, null,
  function(data) {
   detailContainer.html('');
   detailContainer.attr("style", "display:block").append(data);
  }
 );
}
</script>
</body>
</html>

 

 

getCustomer.jsp

<%@ page language="java" contentType="text/html; charset=EUC-KR"
    pageEncoding="EUC-KR"%>
<%@ page import="com.onj.dao.CustomerDao" %>   
<%@ page import="com.onj.beans.Customer" %>
<%
 int id = Integer.parseInt(request.getParameter("id"));
 CustomerDao dao = CustomerDao.getInstance();
 Customer customer = dao.getCustomer(id);
 pageContext.setAttribute("customer", customer);
%>

<div style="border: solid 1px green">
uid: ${customer.uid } <br/>
name: ${customer.name } <br/>
passwd: ${customer.password } <br/>
email: ${customer.email } <br/>

<p>페이지 생성 시간: <%= new java.util.Date().toLocaleString() %></p>
</div>

'자바 스크립트' 카테고리의 다른 글

html5 site구축  (0) 2013.02.11
[jquery]플리커에서 원하는 이미지 가져오기  (0) 2012.06.10
JQuery Hello World  (0) 2012.05.21
시집만들기2  (0) 2009.06.22
종합예제-시집 만들기  (0) 2009.06.22

+ Recent posts