[학습 노트] 날 카 로 운 jQuery (4) AJAX

1. load () 방법

/*

 *        ，  GET    

 *     ，      POST    

 *  Ajax      ，           

 */

load("test.html")

load("test.html .para")  //  html   para  DOM

load("test.php",{name:"rain",age:"22"},function(responseText,textStatus,XMLHttpRequest){

   //responseText:          

   //textStatus:         ：success/error/notmodified/timeout 4 

   //XMLHttpRequest: XMLHttpRequest  

})

2. $. get () 과 $. post () 방법
$. get () 과 $. post () 의 차이 점:
1. GET 는 인 자 를 URL 에 따라 전달 해 달라 고 요 청 했 고 POST 는 HTTP 메시지 의 실체 내용 으로 서버 에 보 냈 다.
2. GET 는 전송 하 는 데이터 에 대해 크기 제한 이 있 고 보통 2KB 이상 이 아니 며 POST 는 제한 이 없다.
3. GET 방식 으로 요청 한 데 이 터 는 브 라 우 저 에 캐 시 되 고 데이터 가 유출 되 며 POST 는 이러한 안전 문 제 를 피 할 수 있 습 니 다.

/*

 *get post           

 *  ajax         ，         

 */

$.get("test.php",{name:"rain",age:"22"},function(data,textStatus){//GET               //data:             ：XML/JSON/HTML  

   //textStatus:      ：success/error/notmodified/timeout 4  

},"json")   //         json  ，     "json"

3. $. getScript () 와 $. getJSon () 방법

$.getScript("jq.color.js",fn)  // js    ，      



//    getJSON   JSONP     JSON  

$.getJSON("test.json",function(data){ //data:    json  

   //$.each()         ，return false  each  

   $.each(data,function(i,item){

   //i：   data             

   //item：data        

   }) 

})

4. 유 니 버 설 Ajax 방법: $. ajax ()

$.ajax({

   type: "GET",         //    GET/POST，  GET

   url: "test.json",    //       

   dataType: "json",    //            

   global: true,        //      Ajax  ，   true（  ）

   beforeSend: function(XMLHttpRequest){},   //     

   complete: function(XMLHttpRequest,textStatus){}  //     （     ）

   success: function(data,textStatus) {  //          

      $.each(data,fn);               

   }, 

   error: function(XMLHttpRequest,textStatus,errorThrown) //     

})

5. jQuery 의 Ajax 전역 이벤트

//fn     (callback)

ajaxStart(fn)

ajaxStop(fn)

ajaxComplete(fn)

ajaxError(fn)

ajaxSend(fn)

ajaxSuccess(fn)



//     Ajax          

$.ajax({ global: false; })

 6. 계열 화 요소 의 방법

//       

serialize()

$("#form").serialize()   //       

$(":checkbox,:radio").serialize()  //     



//    JSON    

serializeArray()

$("#form").serializeArray()

$(":checkbox,:radio").serializeArray()



//           

$.param()

var obj = {a:1,b:2,c:3};

$.param(obj);  //   a=1&b=2&c=3