국비지원

22/05/10 수업정리

야생늑대 2022. 5. 10. 18:44
반응형

 

▶ id 중복체크 하기 

 jQuery의 .ajax({ }) 사용

   $.ajax({  })

 $.ajax({
 	type : "전송방식" ,               //  get, post 등
    url  :  "전송할 주소" ,           //  "memberidCheck" 같은 매핑주소 등
    data :  { "전송한 속성(key)" : 전송할 값(value)} ,        //  .setAttribute("", ) 같은형식
    dataType : "전송타입" ,                 //  "json" 등 (리스트로 된 목록을 받을 때 필요) 
	success : function(매개변수){
    	//성공 시 기능을 정의하는 블록 
        }
    error : function(){
    	//실패 시 기능을 정의하는 블록
       // ex) alert("연결실패!!")   
    }
  })
  -----------------------------------------------------------------------------------
 * success 함수와 error 함수의 실행은   url 주소의 접속가능여부로 나눠진다.
 * url로 접속이 된다면 success : function(){} 기능실행  
 * url로 접속이 안된다면 error : function(){} 기능실행

 

▶ 서블릿연동해서 사용하기

※ 매핑된주소로 입력된 id속성을 전달하고 DB에서 가입된아이디가 있는지 확인 후  "YES", "NO" 로 변수 저장해서 문자열 출력형태로 응답해준다.

※ id를 입력하고 ajax 가 요청하는 url로 들어가면  중복되는 id가 있을 떄의 결과 값인 NO  가 출력되어있다.

ajax를 통해 값을 요청받고 응답을 하기위해 결과값을 출력해서 데이터만 넘겨주고 사라지는 빈페이지?

 

 

 

 

반응형

'국비지원' 카테고리의 다른 글

22/05/12 수업정리  (0) 2022.05.12
22/05/11 수업정리  (0) 2022.05.11
22/05/09 수업정리  (0) 2022.05.09
22-05-06 수업정리  (0) 2022.05.06
22-05-04 수업정리  (0) 2022.05.04