AJAX

jQuery를 이용한 ajax

Kimjoy 2023. 10. 5. 23:12
$.ajax({
	url : "접속할 페이지 주소",
    type : "get/post",
    data : "파라미터 문자열" (예로 key = language&value = java),
    dataType : "text/xml/json",
    timeout : 밀리세컨드단위 제한시간,										//생략가능
    cache : 이전 요청에 대한 캐쉬 저장 여부(true : 사용함/false:안함),	//생략가능
    //파일 읽기에 성공한 경우
    success : function(data) {
    	// 통신이 성공했을 때 실행되는 함수,
        },
    //파일 읽기에 실패한 경우( 주소 오타, 웹 서버 중지 등) 
    error : functio(xhr, textStatus, errorThrown) {
    //통신이 실패했을 때 실행되는 함수
    }
});

 

$.ajax() 함수는 웹 서버와의 통신 결과에 따라 success() 와 error() 함수를 선택적으로 호출하게 된다.

웹 서버에서 전달하는 결과값을 정상적으로 읽어왔을 경우 success() 함수의 파라미터로 서버에서 읽은 결과가 전달되며,

dataType에 text, xml, json 중 어떤 값을 지정하였는지에 따라 처리방법이 변하게 된다.

 

웹 서버로부터 정상적으로 읽어들이지 못한 경우에 error() 함수가 실행된다. 세 개의 파라미터가 전달되는데 

 - xhr : javascript에서 ajax 처리를 위해서 사용되는 XMLHttpRequest객체의 원본이다. 이 객체가 포함하는 status 속성에 HTTP ERROR CODE(404 : Page Not Foundm 500 : Server Error) 값이 포함된다.

 - textStatus : "error"라는 고정값을 갖는 문자열이 전달된다.

 - errorThrown : 에러의 원인을 의미하는 문자열이 전달된다. 404 에러일 경우 "Not Found"라고 전달되고, 500 에러일 경우 "Server Error"라는 문자열이 전달된다.