id 중복 체크 (Ajax)

id 중복체크 하기
                                                                           서블릿 맵핑값
 memberForm.jsp 에서                Ajax요청         ("/idCheck")                    MemberService
 id입력후 [아이디중복]버튼 클릭 ----------> MemberIdCheckServlet  --->  MemberServiceImpl  <--->  MemberDAO
                                                    <----------
                                       반환값(사용가능|사용불가)               MemberDTO.java( DB가 왔다갔다거리면 DTO가 꼭 필요 )
               

 - member/memberForm.jsp 에 jQuery 설치
   <!-- jQuery 설치 -->
   <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

 - mybatis 연동

   1) 2가지 jar 빌드패스
      WEB-INF/lib 폴더에 복사.
       mybatis-3.5.14.jar
       mysql-connector-j-8.3.0.jar

   2) jdbc.properties
      Configuration.xml
      MemberMapper.xml
      MySqlSessionFactory.java

 

제이쿼리 설치

아이디 중복 버튼, 중복 체크 텍스트란

 

id 중복체크 스크립트 (memberForm.jsp - 컨텐츠 jsp임 와꾸jsp 아님)

 

<script type="text/javascript">

$(document).ready(function(){
$("#idDupulicatedcheck").on("click", function(){
//jQuery Ajax
$.ajax({
          method: "get",
          url: "idCheck",  //MemberIdCheckServlet
          dataType: 'text', //응답되는 값의 데이터타입, 반환값(사용가능|사용불가)
          data:{
           userid: $("#userid").val() //입력값 가져오는건 val
          },
          success: function(data, status, xhr){
            console.log("data:", data);
            console.log("status:", status);
            
            $("#idcheck").text(data);
          },
          error: function(xhr, status, error){
            console.log("error:", error);
          }
        });
});
});
</script>

 

servlet

 

dto에 테이블 컬럼 선언 후 생성자(super class, using field), getter setter, toString 만들기 우클릭 - 소스에서 만들 수 있음

 

 

service (interface)

 

serviceImpl (class)

 

dao (dao 정리부터 다시 시작)