language/jquery
jquery / ajax 아작스 통신
CofS
2016. 1. 5. 14:00
jquery를 이용한 ajax 통신 예제입니다.
먼저 ajax가 무엇인지 궁금하신 분은 구글링하세요.
쉽게 설명하면 비동기 방식의 통신입니다.
산에서 사람이 "야호1" 이라고 소리를 보낼 때 반대편에서 "야호1" 이라고
메아리가 돌아올 때 까지 기다렸다가 "야호2"를 보내는 것이 동기 방식이고,
비동기 방식은 반대편에서 "야호1" 이이라고 메아리가 돌아오는것을 기다리지 않고
"야호2" "야호3"을 계속 보낼 수 있는게 비동기 방식입니다.
비동기 방식의 돌아오는 순서는 당연히 보낸 순서("야호1" "야호2" "야호3")가 아닙니다.
아래는 Jquery로 ajax를 구현한 소스입니다.
$
.ajax({
type : "POST" //"POST", "GET"
,
async : true //true(비동기화), false(동기화)
,
url : "" //Request URL
,
dataType : "json" //전송받을 데이터의 타입
//"xml", "html", "script", "json" 등 지정 가능
//미지정시 자동 판단
,
timeout : 30000 //제한시간 지정
,
cache : false //true, false
,
data : {itecd:itecd, operyy:operyy, opermmly:opermmly}
// data : $("#Form").serialize()
,
contentType : "application/x-www-form-urlencoded;charset=UTF-8"
,
success : function(result) {
//통신 성공시 처리
}
,
error : function(request, status, error) {
//통신 에러 발생시 처리
alert("code : " + request.status + "\r\nmessage : " + request.reponseText);
}
,
beforeSend: function() {
//통신을 시작할때 처리
$('#ajax_indicator').show().fadeIn('fast');
}
,
complete: function() {
//통신이 완료된 후 처리
$('#ajax_indicator').fadeOut();
}
});
|
cs |
도움이 되셨다면 공감을 부탁드립니다. ^^