<%@ 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>
<script type="text/javascript" src="libs/jquery-1.9.1.min.js">
</script>
<script>
$(document).ready(function() {
var param = {
cate : "book",
name : "kim"
};
$.post("01_server.jsp", param, parseData); <!-- 여기만 겟에서 포스트로!! -->
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') {
cate.value = keyValue[1];
}
if (keyValue[0].trim() == 'name') {
name.value = keyValue[1];
}
}
}
</script>
</head>
<body>
서버로부터 넘겨받은 데이터<br/>
첫번째 데이터 : <input type="input" name="" id="cate"/><br/>
두번째 데이터 : <input type="input" name="" id="name"/><br/>
</body>
</html>
'it > ajax' 카테고리의 다른 글
| loadjson (0) | 2014.09.11 |
|---|---|
| jquery ajax 연동 get 방식 (0) | 2014.09.11 |
| ajax 디비연동 (0) | 2014.09.11 |
| 아작스 ajax 서버 주고 받기 (0) | 2014.09.11 |
