이게 왜안되???
ajax_get_csv.jsp
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD Xhtml 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title></title>
<script type="text/javascript">
var xmlHttp;
window.onload = function() {
//1.XMLHttpRequest 객체 생성
xmlHttp = getInstance()
//2.서버에서 보내는 데이터를 받을 이벤트 리스터 등록
xmlHttp.onreadystatechange = on_ReadyStateChange;
//3.서버로 보낼 데이터 생성
var data = "cate=java&name=Lee";
//4.클라이언트와 서버간의 연결 요청 준비 ( open() )
//################################
xmlHttp.open("GET","01_server.jsp?"+data, true); //true=> 비동기통신(ajax) false=>동기통신?
//5.데이터전송
xmlHttp.send(null);
}
function getInstance() {
//브라우저에 따른 객체 생성
var xhr = null;
if(window.XMLHttpRequest){
//IE 7 이상, 크롬, 사파리, 파이어폭스, 오페라
xhr = new XMLHttpRequest();
}else {
//IE 6 이하
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
return xhr;
}
//6.응답처리 (서버로 부터 데이터 넘어옴)
function on_ReadyStateChange() {
//0:초기화 1:로딩중 2:로딩된후 3:대화상태 4:완료
if(xmlHttp.readyState == 4) {
if(xmlHttp.status == 200) { //성공시
alert("성공 : "+ xmlHttp.responseText);
//7.서버로 부터 넘겨받은 데이터 처리
parseData(xmlHttp.responseText);
}else {
alert("실패");
}
}
}
function parseData(strText) {
var cate = document.getElementById("cate");
var name = document.getElementById("name");
var aryData = strText.split("|");
for(var i=0; i<aryData.length; i++){
var keyValue = aryData[i].split("=");
if(keyValue[0].trim() == 'cate') { //공백 처리=> trim
cate.value = keyValue[1];
alert("트림 : " + keyValue[0].trim());
alert("케이트벨류 : " + cate.value);
alert("키벨류 : " + keyValue[1]);
}
if(keyValue[0].trim() == 'name') {
name.value = keyValue[1];
alert("트림 : " + keyValue[0].trim());
alert("네임벨류 : " + name.value);
alert("키벨류 : " + keyValue[1]);
}
}
}
</script>
</head>
<body>
서버로부터 넘겨받은 데이터<br/>
첫번째 데이터 : <input type="input" name="" id="cate"/><br/>
두번째 데이터 : <input type="input" name="" id="name"/><br/>
</body>
</html>
server.jsp
<%@ page language="java" contentType="text/html; charset=EUC-KR"
pageEncoding="EUC-KR"%>
<%
// 1. 이전 화면에서 넘겨받은 데이타
String cate = request.getParameter("cate");
String name = request.getParameter("name");
// 2. 다시 화면으로 보낼 데이터 구성
cate = "서버에서" + cate + "보냄";
name = name + "님";
out.write("cate=" + cate + "|name=" + name);
%>
'it > ajax' 카테고리의 다른 글
| loadjson (0) | 2014.09.11 |
|---|---|
| jquery ajax 연동 post 방식 (0) | 2014.09.11 |
| jquery ajax 연동 get 방식 (0) | 2014.09.11 |
| ajax 디비연동 (0) | 2014.09.11 |
