ajax에서 컨트롤러 호출시 404에러 (해결)

https://joonpyo-hong.tistory.com/entry/Ajax-Ajax-Controller-%EA%B0%92parameter-%EB%84%98%EA%B8%B0%EA%B8%B0-%EB%B0%9B%EA%B8%B0

[Ajax] Ajax - Controller 값(parameter) 넘기기 받기

https://hdhdeveloper.tistory.com/114

[Javascript] 객체에 데이터 담아서 전달하기 (서버에서 Map으로 데이터 받기), 객체 리스트에 담아서

https://makecodework.tistory.com/entry/Spring-RequestMapping-%EC%95%A0%EB%85%B8%ED%85%8C%EC%9D%B4%EC%85%98%EC%9C%BC%EB%A1%9C-%EB%B7%B0%ED%8E%98%EC%9D%B4%EC%A7%80-%EB%A7%A4%ED%95%91%ED%95%98%EA%B8%B0

[Spring] @RequestMapping 애노테이션으로 뷰페이지 매핑하기

여기블로그들 참고해서 했는데

계속 이런 404 에러가 난다.

 

찾아보니까 web.xml에 추가해줘야할 것 같아서 xml파일을 먼저 만들었다.

프로젝트 우클릭->Java EE tools -> Generate Deployment Descriptor sub 

 

흠 bean 추가해줘도 안 된다

 

 

어렵다 어려..

---

@RequestMapping이 안 돼서 ajax 포기했던 건데 servlet 사용법을 익혀서 다시 한 번 도전 !

$기호를 인식하지 못 함. jquery를 import해줘야함.

<script src="https://code.jquery.com/jquery-3.4.1.js"></script>

추가

 

<button onclick="calDist_()">내 위치 가져오기</button> 
		<script src="https://code.jquery.com/jquery-3.4.1.js"></script>
		<script>
    		function calDist_() {
    			var xv = document.getElementById('x').value;
			var yv = document.getElementById('y').value;
			//location.href='distUpdate.jsp?xvalue='+xv+'&yvalue='+yv;
    			//location.href='distupdate?xvalue='+xv+'&yvalue='+yv;
    		$.ajax({
    			url:"distupdate",
    			type:'get',
    			data: { x: xv, y: yv}
    			
    		});
    		}

된다 !!

과정이 어떻게 되냐면

자바스크립트 ajax로 내 위치 가져오기 버튼을 눌렀을 때 distupdate 주소요청을 보내고  servlet-mapping으로 FrontController에 /distupdate 조건에 걸려서 DistUpdateController를 호출하고 

DistUpdateController에서는 DB접근 내용이 있는 DistUpdateDAO의 calDist 를 x,y값을 넣어 호출 !!