24.06.20 숙제

[최민영]

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38 39 40 41 42 43 44 45 46 47 48 49 50 51 52 53 54 55 56 57 58 59 60 61 62 63 64 65 66 67 68 69 70 71 72 73 74 75 76 77 78 79 80 81 82 83 84 85 86 87 88 89 90 91 92 93 94 95 96

==============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;     } ==========================================================================================================================================   Colored by Color Scripter

cs

[윤서경]

$('#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
});
});