티스토리 뷰
Input text 에 입력한 값/ 입력값 태크로 뿌려주기
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
<script src="//code.jquery.com/jquery-1.11.3.min.js"></script>
<script src="//code.jquery.com/jquery-migrate-1.2.1.min.js"></script>
<script type="text/javascript">
$(document).ready(function(){
$("#send").on("click", function(e){
//ajax
$.ajax({
url:"get2.jsp",
method:"post",
data:{
v1:$("#v1").val(),
v2:$("#v2").val()
},
dataType:"json", //여기만 바껴요
success:function(responseData, status, xhr){ //성공하면 얘가 받음 success
//반환 은 Anthing data, String stauts, XMLrequest xhr
console.log(responseData);
var str = responseData.username +"\t"+ responseData.age;
$("#result").text(str); //인자없으면 get 있으면 set
}
});
});
});
</script>
</head>
<body>
값1<input type="text" name="v1" id="v1"><br>
값2<input type="text" name="v2" id="v2"><br>
<button id="send">계산</button>
결과값<div id="result"></div>
</body>
</html>
---- get2.jsp ----
<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
String v1 = request.getParameter("v1");
String v2 = request.getParameter("v2");
System.out.println(v1+"\t"+v2);
%>
{"username":"<%= v1 %>",
"age":"<%= v2 %>" }
'It' 카테고리의 다른 글
| 군대 월급 (... 군대월급 비교) (0) | 2023.02.03 |
|---|---|
| ajax 입력값 -> jsp로 (0) | 2023.02.03 |
| XML이란? / xml 사용 용도 / xml 적용분야 / XML 파서 / XML문서의 특징과 장점 / markup 마크업 / xml 구조 (0) | 2023.02.01 |
| 암호화 – 공개키 암호화 기법 (0) | 2023.01.31 |
| 하이브리드(Hybrid) 암호화 기법ㅡ 암호화 응용 – 무결 성,전자서명 (0) | 2023.01.30 |