Step05_JsonResponse-2.회원가입 아이디 중복체크

bootstrap css 와 jquery 3.2.0 및 사용하던 css와 js 파일들을 resource 폴더에 옮겨와

여기 resources 폴더에 복붙 해와

<script src="${pageContext.request.contextPath }/resources/js/jquery-3.2.0.js"></script>

이렇게 코딩해 주면 jquery 불러와 지는 것

실행시켜서 우클림 -> 검사 누른 다음

Sources 에 들어가 보면

jquery-3.2.0js 로딩 된것 확인 가능

css 는 이렇게 로딩 하면 됌

<link rel="stylesheet" href="${pageContext.request.contextPath }/resources/css/bootstrap.css" />

css 로딩 된것 확인가능

이제 회원목록 요청했던 것을 ajax를 이용해서 해볼거야

버튼 하나 만들고

버튼을 클릭 헀을때 실행할 함수 코딩

콘솔창에서 데이터 확인해 볼수 있도록 console.log 추가

이제 버튼을 누르면 콘솔에 찍히는게 보임

회원가입 폼 추가

jquery 로 처리 해줘

MemberController 로 가서

이렇게 코딩 추가

DB를 직접 뒤져봐야 하는데 일단은 가상으로 처리하기 위해서 코딩 해준 것.

home.jsp 로 가서 조건문 추가해주고

실행해 보면

잘 동작하는 것을 확인할수 있다.