고정 헤더 영역
상세 컨텐츠
본문
반응형
========a.jsp===========
<%@ 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>
<style type="text/css">
td {
border: solid 2px green;
}
</style>
<meta http-equiv="Content-Type" content="text/html; charset=EUC-KR">
<title>Insert title here</title>
</head>
<body>
<script type="text/javascript" src="jquery-2.1.3.js"></script>
<script type="text/javascript">
$(document).ready(function() {
setInterval(
AjaxCall() , 1000)
});
</script>
<script type="text/javascript">
function AjaxCall() {
$.ajax({
cache : false,
url : 'b.jsp',
success : function(data) {
$("#goo2").html(data);
}
});
}
</script>
<div>
<table>
<tr>
<td>김</td>
<td>민</td>
<tr>
<td>정</td>
<td id="goo"></td>
<tr>
<td id="goo2"></td>
</table>
</div>
</body>
</html>
==================b.jsp======================
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<html>
<body>
<script type="text/javascript" src="jquery-2.1.3.js"></script>
<script type="text/javascript">
$(document).ready(function(){
cnt=0;
setInterval(
function t(){
id.innerHTML=cnt++;
} , 1000)
})
</script>
<div id="id"></div>
</body>
</html>
이렇게 숫자가 잘 올라간다~
b.jsp 에서는 1초마다 숫자 증감 하기 위해서 인터벌 썻음.
a.jsp 에서는 증감한걸 1초마다 계속 받기위해서 interval 썻음
'관리X 과거글' 카테고리의 다른 글
| jquery 제이쿼리 css 예제 테두리 꾸며보기 (0) | 2015.02.27 |
|---|---|
| jquery 제이쿼리 기초 공부 (0) | 2015.02.27 |
| jsp form태그 get,post방식 한글 깨질때 (0) | 2015.02.23 |
| jsp ContextPath 와 getRealPath의 차이점 (0) | 2015.02.23 |
| JSP getInitParameterNames 파라미터값 다 가져오기 (0) | 2015.02.23 |
