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(); } }); |
|
Html 색상표 모음, 색상코드표 (RGB), 이미지X, 복사 가...
jQuery 카테고리 선택에 따른 하위 카테고리 변경 (selecb...