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
번호	제목	날짜	조회 수
119	jQuery 실행패턴	2017.03.02	6770
118	jQuery 예약어 $ 를 사용하지 못하는 경우 해결책 noConflict()	2016.09.21	6679
117	체크박스 또는 라디오 버튼의 체크여부 변경하기	2016.09.21	6667
116	슬라이드 쇼	2016.09.21	6611
115	jquery 뒤로가기	2016.11.17	6511
114	다른 프레임에 있는 객채 참조하는 방법	2016.09.21	6471
113	scrolling to top	2016.12.22	6470
112	load() 메소드	2016.09.21	6412
111	디자인 셀렉트 박스 & CSS	2016.12.22	6347
110	금액단위 제거 표기	2016.12.22	6217
109	jquery css div, li 리스트 선택한 메뉴 변경 출처: http://okkks.tistory.com/1062 [이건없지]	2017.07.05	5796
108	jquery - select option 선택값 가져오기	2018.09.06	5330
107	jquery 체크박스 배열 처리. 변수 하나에 담기.	2018.07.04	4658
106	특정영역 제외하고 body 클릭	2018.09.28	3610
105	jQuery 유효성 검사	2018.07.04	3362
104	jQuery 기초 (txt 파일 가져오기 (load) , 클릭시에 배경색을 변경(json))	2019.01.16	3225
103	jquery 드래그 앤 드롭 파일 업로드	2019.05.21	3097
102	드래그 & 드랍 구현 - on()[이벤트리스너]	2018.09.06	2889
101	jquery 팝업 차단 없이 띄우기	2019.03.05	2868
100	[jQuery] 확인 창(confirm), 페이지 이동(location.replace)	2018.09.06	2652

119

jQuery 실행패턴

2017.03.02

6770

118

jQuery 예약어 $ 를 사용하지 못하는 경우 해결책 noConflict()

2016.09.21

6679