jquery - ajax 아작스 통신

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();
  }
 });
 
Colored by Color Scripter

List of Articles
번호	제목	날짜	조회 수
179	easing - 효과의 진행 속도	2021.03.26	156
178	jQuery 사용자 정의 속성이 잘 반영되지 않은 경우	2021.03.25	158
177	before / after / insertBefore / insertAfter - element 추가 (동등 관계)	2021.03.31	168
176	radio 제어하기	2021.03.25	170
175	focus() 로 오브젝트 옮기기	2021.03.26	171
174	input checkbox 모두 체크하기	2021.03.26	176
173	모든 링크를 읽어들여 기존의 태그 뒤에 새창열기 태그를 추가하기 예	2021.03.25	183
172	foreach문	2021.03.26	195
171	CSS로 요소에 대한 클릭 등 이벤트 발생을 막고 싶을 때	2021.03.25	198
170	jquery 사용자정의 속성의 사용	2021.03.25	205
169	parent of the iframe element selector	2021.03.31	205
168	행에 징검다리 스타일 입히기 (:odd, :even)	2021.03.31	210
167	prepend / append - element 추가 (부모/자식 관계)	2021.03.31	225
166	jQuery로 접속 주소(URL) 알아내기	2021.03.25	228
165	라디오 버튼 선택값 가져오기	2021.03.26	229
164	제이쿼리에서 클래스(class) 이름 추가/삭제	2021.03.31	233
163	change 전의 값을 가져오기	2021.03.26	249
162	마우스 좌표 얻기	2021.03.31	271
161	draggable - div 드래그	2021.03.31	271
160	javascript, jQuery에서 루프 돌리기 예 (for, forEach, each)	2021.03.25	276

179

easing - 효과의 진행 속도 file