AJAX란? ( ajax 사용 방법 )

AJAX

 

---

AJAX란?

JavaScript의 라이브러리중 하나.

 Asynchronous Javascript And Xml(비동기식 자바스크립트와 xml)의 약자.

 

 

브라우저가 가지고있는 XMLHttpRequest 객체를 이용해서 전체 페이지를 새로고침 안해도 페이지의 일부만을 위한 데이터를 로드하는 기법이다. 

JavaScript를 사용한 비동기 처리 통신 및 클라이언트와 서버간에 XML 데이터를 주고받는 기술 !! 

 

---

< 제이쿼리의 ajax는 사용 방법 >

파라미터들을 오브젝트 형식으로 받는다.

 

• type은 get이나 post 같은 HTTP Method.
• Url는 데이터를 받아올 페이지. (API 통신)
• Data는 요청시에 함께 보낼 파라미터. 
• DataType은 받아올 데이터의 형식.
• Success는 성공시에 수행할 핸들러.
• Error는 실패시에 수행할 핸들러.

 

---

ajax 사용 예시 코드 

//아이디 중복 검사 
$('.id_input').on("propertychange change keyup paste input", function() {
//	console.log("::::keyup 테스트"); 
	var memberId = $('.id_input').val();
	var data = {memberId : memberId}
	
	$.ajax({
		type : "post",
		url : "/member/memberIdChk",
		data : data,
		success : function(result) {
			console.log("성공 여부" + result);
			if(result != 'fail'){
				$('.id_input_re_1').css("display","inline-block");
				$('.id_input_re_2').css("display", "none");				
			} else {
				$('.id_input_re_2').css("display","inline-block");
				$('.id_input_re_1').css("display", "none");				
			}
		} //Success 함수 
	}) //ajax 종료
});