$.ajaxSetup( options );
AJAX통신 전체로 공유할 수 있는 설정을 결정한다.
보통 동기/비동기 방식 설정
ex) $.ajaxSetup({async:false});
$.get( url:String , data:Object , callback:Function );
get방식으로 데이터 보내고 받기(성공시에만 실행됨)
- callback parameter : data;
$.getJSON( url:String , data:Object , callback:Function );
get방식으로 데이터 보내고 받기.
- return : XMLHttpRequest Object
$.post( url:String , data:Object , callback:Function , type:String )
post방식으로 데이터 주고 받기 (성공시에만 실행됨)
- type : 송수신데이터 형식(JSON,XML) , "xml" / "json"
- return : XMLHttpRequest Object
ex) $.post("data.php",{id:"id_value",pw:"pw_value"}, function(data){
//XMLHttpRequest접근하려면 this사용한다.
모든 내용이 캡슐화 되어있다.
})
* XML Load : $.post("xml address" , null , function(data){} , "xml" );
* JSON Load : $.post("JSON address" , null , function(data){} , "json" );
$.ajax( options:Object )
- HTTP통신으로 페이지를 읽어들인다.
기능ex)
$.ajax({
url:"data.php" // 리퀘스트를 송신하는 url
async:true/false // 동기(false)/비동기(true) 여부
beforeSend:Function(XMLHttpRequest) // [이벤트]리퀘스트가 송신되기 전에 불린다.
// 반환값에 false설정시 ajax송신 취소가능
cache:true/false // 통신결과 캐시여부
complete:Function(XMLHttpRequest,textStatus) //[이벤트] success , error 후에 불려진다.
contentType:"application/x-www-form-urlencoded"
// 서버에 데이터를 송신할때 이용한다. content-type 헤더의 값이고 초기값은
"application/x-www-form-urlencoded" 이다.
data:{param1:value1,param2:value2} // 서버에 송신하는 값이다.
dataFilter:Function(data,type)
// 서버로 부터 도착데이터를 필터링한다. 서버로부터의 반환값을 사니타이즈하는 경우 유용
type파라메터는 dataType의 값이다.
이 경우 success event 시에 data는 undefined 이다.
dataType:datatype string
// 서버로부터 돌려지는 데이터의 형태 지정, 생략시 MIME타입을 보면서 자동으로 판별
- datatype string
1) "xml" - xml 문서
2) "html" - html을 text 데이터로서 script태그가 포함되었을 경우 처리 실행
3) "script" - js를 텍스트 데이터로서 cache옵션에 특별히 지정이 없으면 캐시는 자동으로
무효가 된다. 다른 도메인에서의 송신을 할경우 POST를 지정해도 리퀘스트는
GET에 자동적으로 변환된다.
4) "json" - JSON형식의 데이터로서 평가해 js의 오브젝트로 변환
5) "jsonp" - JSONP로 리퀘스트를 불러 callback 파라메터로 지정한 함수에 귀환시켜진 값을
JSON데이터로서 처리한다.
6) "text" - 통상의 문자열
error:Function(XMLHttpRequest, textStatus, errorThrown )
// [이벤트]통신실패시에 불려진다.
// textStatus : 에러내용
// errorThrown : 보완적인 예외 오브젝트를 받는다.
- timeout , error , notmodified , parsererror 등이 있다.
username:username string
// 인증이 필요한 HTTP통신시에 이름 지정
password:pw string
// 인증이 필요한 HTTP통신시에 패스워드를 지정
processData:true/false
// data로 지정한 쿼리를 Quary문자열로 변환할지 설정 , 초기치는 true.
scriptCharset:charset string
// 스크립트를 읽어들일때의 캐릭터 세트를 지정
- dataType 참고, 서버측의 charset이 다를때 지정할 필요가 있다.
success:Function(data, dataType)
// [이벤트] 통신이 성공했을시에 불려진다.
timeout:Number
// 타임아웃시간을 밀리세컨드로 설정한다. $.ajaxSetup 로 지정한값, 통신에 따라 개별적으로
덮어쓰기 할수 있다.
type:String
// "POST" , "GET" 설정한다. 초기치는 "GET"이다.
});
* callBack method(Global Event)-진행순서대로 나열
1).ajaxStart(callback) // 송신개시시
2).ajaxSend(callback) // 보내기 전 ( event , xhr , settings )
3).ajaxError(callback) // 실패 ( event ,xhr , textStatus , errorThrown )
3).ajaxSuccess(callback) //송신완료시 ( event , xhr , settings , data );
4).ajaxComplete(callback) // 완료 ( event , xhr , settings )
5).ajaxStop(callback) //송신종료시
* load(url , data , callback)
- html을 읽어들여 DOM에 삽입한다.
default는 GET 통신이며 추가 파라메터 설정하면 POST가 가능하다.
url : html page url
data : 송신하는 값
callback : 통신완료시 콜백함수 function(responseText,textStatus,xhr)
'개발 > jQuery' 카테고리의 다른 글
jquery event.preventDefault()로 이벤트 무력화 (0) | 2012.11.30 |
---|---|
jquery 에서 포함하는 문자열로 객체 가져오기 (0) | 2012.11.29 |
스크롤시 자동으로 고정시키기(fixed) (1) | 2012.10.29 |
Ajax 앞,뒤로가기 history (0) | 2012.10.29 |
jQuery-브라우저 창 사이즈 조절에 따른 이벤트 만들기 (0) | 2012.10.29 |