[Web] Jquery ajax!!!!!



ajax 이노무시킹ㅋㅋㅋ



<%@ page language="java" contentType="text/html; charset=utf-8"
pageEncoding="utf-8"%>
<!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=UTF-8">
<title>Insert title here</title>
<script type="text/javascript"
src="/SampleApp/resources/jquery-1.11.2.js"></script>
<script type="text/javascript">
$(document).ready(
function() { // 대기!!
$("#listcheckBtn").click(
function() {
$.ajax({
type : 'GET',
url : "ulist.jsp",
success : function(responsedata) {
$('#message').text(responsedata.trim());
var parsestr = JSON.parse(responsedata
.trim());
var sumstr = "";
for (var a = 0; a < 5; a++) {
sumstr += "----------<br>"
+ parsestr[a].onum + "<br>"
+ parsestr[a].oname + "<br>"
+ parsestr[a].oid + "<br>"
+ parsestr[a].oadd + "<br>"; //파싱하여 원하는 대로 뽑아내기
}
$('#parsediv').text("");
$('#parsediv').append(sumstr);
}
});
});
$("#infocheckBtn").click(
function() {
$.ajax({
type : 'GET',
url : "uinfo.jsp",
data : {
'name' : f.name.value
},
success : function(responsedata) {
$('#message').text(responsedata.trim());
var parsestr = JSON.parse(responsedata
.trim());
var sumstr = parsestr.onum + "<br>"
+ parsestr.oname + "<br>"
+ parsestr.oid + "<br>"
+ parsestr.oadd; //파싱하여 원하는 대로 뽑아내기
$('#parsediv').text("");
$('#parsediv').append(sumstr);
}
});
});
});
</script>
</head>
<body>
<form name="f" id="frm">
<input type="text" name="name" id="txt"> <input type="button"
id="infocheckBtn" value="입력"> <input id="listcheckBtn"
type="button" value="리스트">
</form>
<div id="message"></div>
<div id="parsediv"></div>
</body>
</html>

댓글