==============ajaxTest4.jsp==============================================================================================================
<script>
'use strict';
function fCheck() {
let user = document.getElementById("user").value;
if(user.trim() == "") {
alert("회원을 선택해주세요");
return false;
}
$.ajax({
url : "${ctp}/study/ajax/ajaxTest4",
type : "post",
data : {user : user},
success : function (res) {
let str = "선택하신 ["+user+"]님의 아이디는 ["+res.mid+"], 나이는["+res.age+"], 주소는["+res.address+"] 입니다.";
$("#demo").html(str);
},
error : function () {
alert("전송오류!!");
}
});
}
</script>
<div class="container">
<h2><b>ajaxTest4.jsp (DB 회원 정보 출력 숙제)</b></h2>
<hr/>
<form>
<h3>조회할 회원을 선택하세요</h3>
<select name="user" id="user">
<option value="">회원선택</option>
<option>최민영</option>
<option>김민영</option>
<option>최영민</option>
<option>영민최</option>
</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-secondary mr-3 mb-3"/>
</form>
<div id="demo"></div>
</div>
==========================================================================================================================================
==============StudyController=============================================================================================================
@RequestMapping(value = "/ajax/ajaxTest4", method = RequestMethod.GET)
public String ajaxTest4Get() {
return "study/ajax/ajaxTest4";
}
@ResponseBody
@RequestMapping(value = "/ajax/ajaxTest4", method = RequestMethod.POST)
public HashMap<Object, Object> ajaxTest4Post(String user) {
return studyService.getUserData(user);
}
==========================================================================================================================================
==============StudyService================================================================================================================
public HashMap<Object, Object> getUserData(String user);
==============StudyServiceImpl============================================================================================================
@Override
public HashMap<Object, Object> getUserData(String user) {
HashMap<Object, Object> map = new HashMap<Object, Object>();
if(user.equals("최민영")) {
map.put("mid", "cmy1234");
map.put("age", "20");
map.put("address", "청주");
}
else if(user.equals("김민영")) {
map.put("mid", "kmy5234");
map.put("age", "30");
map.put("address", "대전");
}
else if(user.equals("최영민")) {
map.put("mid", "cym6842");
map.put("age", "40");
map.put("address", "마산");
}
else if(user.equals("영민최")) {
map.put("mid", "ymc4321");
map.put("age", "50");
map.put("address", "울산");
}
return map;
}
==========================================================================================================================================
첫댓글 $('#myModal').on('hidden.bs.modal', function (e) {
$(this).find('form')[0].reset();
$(this).find('#photoDemo').attr('src', '${ctp}/images/imgsample.png');
});
$('#myModal2').modal('hide');
$('#myModal2').on('hidden.bs.modal', function (e) {
alert("hey");
$(this).find('form')[0].reset();
$(this).find('#photoDemo').attr('src', '${ctp}/images/imgsample.png');
});
<dependency>
<groupId>net.sf.json-lib</groupId>
<artifactId>json-lib</artifactId>
<version>2.4</version>
<classifier>jdk15</classifier>
</dependency>
model.addAttribute("jsonVos", JSONArray.fromObject(vos));
$.get("/download/web/data/chicken.json", function(data) {
// 데이터에서 좌표 값을 가지고 마커를 표시합니다
// 마커 클러스터러로 관리할 마커 객체는 생성할 때 지도 객체를 설정하지 않습니다
var markers = $(data.positions).map(function(i, position) {
return new kakao.maps.Marker({
position : new kakao.maps.LatLng(position.lat, position.lng)
});
});
// 데이터를 가져오기 위해 jQuery를 사용합니다
// 데이터를 가져와 마커를 생성하고 클러스터러 객체에 넘겨줍니다
var vos = ${jsonVos}
// 데이터에서 좌표 값을 가지고 마커를 표시합니다
// 마커 클러스터러로 관리할 마커 객체는 생성할 때 지도 객체를 설정하지 않습니다
var markers = $(vos).map(function(i, position) {
return new kakao.maps.Marker({
position : new kakao.maps.LatLng(position.latitude, position.longitude),
title : position.placeName
});
});
// 클러스터러에 마커들을 추가합니다
clusterer.addMarkers(markers);
var vos = ${jsonVos};
var mapContainer = document.getElementById('map');
var mapOption = {
center: new kakao.maps.LatLng(latitude, longitude),
level: 6
};
var map = new kakao.maps.Map(mapContainer, mapOption);
vos.forEach(function(meetup) {
var latlng = new kakao.maps.LatLng(meetup.mapy, meetup.mapx);
var marker = new kakao.maps.Marker({
map: map,
position: latlng,
title: meetup.title
});
});
var clusterer = new kakao.maps.MarkerClusterer({
map: map, // 마커들을 클러스터로 관리하고 표시할 지도 객체
averageCenter: true, // 클러스터에 포함된 마커들의 평균 위치를 클러스터 마커 위치로 설정
minLevel: 10 // 클러스터 할 최소 지도 레벨
});
var markers = $(vos).map(function(i, position) {
return new kakao.maps.Marker({
position : new kakao.maps.LatLng(position.mapy, position.mapx),
title : position.title
});
});