=================controller======================
@RequestMapping(value = "/ajax/ajaxTest3_4", method = RequestMethod.GET)
public String ajaxTest3_4Get(Model model) {
ArrayList<String> nVos = studyService.getNameAll();
model.addAttribute("nVos", nVos);
return "study/ajax/ajaxTest3_4";
}
@ResponseBody
@RequestMapping(value = "/ajax/ajaxTest3_4", method = RequestMethod.POST, produces = "application/text; charset=utf8")
public String ajaxTest3_4Post(String name) {
UserVO vo = studyService.getNameSearch(name);
String mal = "선택하신 이름의 아이디 : "+vo.getMid()+" 나이 : "+vo.getAge()+" 주소 : "+vo.getAddress();
return mal;
}
=============mapper==========================
<select id="getNameAll" resultType="String">
select name from user;
</select>
<select id="getNameSearch" resultType="com.spring.javaclassS.vo.UserVO">
select * from user where name = #{name};
</select>
============== jsp==============================
<script>
'use strict';
function fCheck() {
let name = document.getElementById("name").value;
if(name.trim() == ""){
alert("이름 입력~~");
return false;
}
$.ajax({
url : "${ctp}/study/ajax/ajaxTest3_4",
type : "post",
data : {name:name},
success : function(res) {
$("#demo").html(res);
},
error : function() {
alert("오류요");
}
});
}
</script>
</head>
<body>
<jsp:include page="/WEB-INF/views/include/nav.jsp" />
<jsp:include page="/WEB-INF/views/include/slide2.jsp" />
<p><br/></p>
<div class="container">
<h2>ajaxTest3_4.jsp(ArrayList 처리)</h2>
<hr/>
<form>
<h3>이름를 선택하세요</h3>
<select name="name" id="name">
<option>이름선택</option>
<c:forEach var="n" items="${nVos}" varStatus="st">
<option>${n}</option>
</c:forEach>
</select>
<input type="button" value="선택" xxxxonclick="fCheck()" class="btn btn-info mr-3 mb-3"/>
<input type="button" value="돌아가기" xxxxonclick="location.href='ajaxForm';" class="btn btn-warning mr-3 mb-3"/>
</form>
<div id="demo"></div>