동기방식은 데이터를 받아올때까지 기다려야한다
비동기방식은 정보처리를 하고있어도 바로나온다

비동기방식

a태그를 지운다


// 부트스트랩을 쓰면 제이쿼리가 달려있다
자바스크립트 객체 = 제이슨

• 키와벨류로 나타낸다

jsp파일에서 ajax활용해서 json방식(동기통신의 a태그대신)

<script type="text/javascript">
		$("#memberList").click(function(){
			$.ajax({
				url : "memberList.do",
				type : "get",
				dataType : "json",
				success : resultJson,
				error : function(e){
					console.log(e);
				}
			});
		});
		function resultJson(data){
		}
	</script>

서버와 통신이 성공했을때 데이터를 받아오기위해서(data)

컨트롤러에서 보드.jsp로 값보내주고 받아오기

$.each(); j쿼리 반복문

회원정보보기 온오프

아이디체크

회원가입 페이지에서

아이디에대한 아이디값, 정보를 보내줄수있는 버튼을 만든다

아이디를 쓰지않았다면 readonly로 다른곳에 못쓰게 막아주고 비동기통신(ajax)방식으로 컨트롤러에 보내는 코드를 짜준다

아이디를 체크할수있게 받아온 정보값을 매퍼에게 부탁해 sql문을 실행하여 같은 값이 존재하는지 확인하고 있다면 있는값을 MemberVO vo 로 리턴값을 받아온다

sql문

아이디 중복체크 후 사용가능하면 비밀번호,닉네임,번호창에 쓸수있게 readonly속성을 없애주고, 다시 중복체크후 불가능하면 나머지창들에 readonly속성을 다시 추가해 못쓰게만들어준다

하나더 알기!

이렇게쓰면 타자를칠때마다 중복확인이 가능하다