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"라는 문자열이 전달된다.