jquery 와 ajax 의 응용

asynchronous JavaScript and XML
jquery $. ajax () 방법 은 맨 밑 에 있 는 방법 입 니 다. 2 층 은 load (), $. post (), $. get (), 3 층 은 $. getScript () 와 $. getJSon 방법 입 니 다.
1. load
load(url [,data] [,callback])
data: 키 / value 데이터 사용
callback  function 요청 이 완료 되 었 을 때의 리 셋 함수, 요청 이 성공 하 든 실패 하 든
전달 방식, data 에 인자 가 없 으 면 get 방식 을 사용 합 니 다.

   
   
   
   

    
    
    
    
     1 
    
    
    
    $(
    
    
    
    '
    
    
    
    #resTest
    
    
    
    '
    
    
    
    ).load(
    
    
    
    '
    
    
    
    test.php
    
    
    
    '
    
    
    
    ,
    
    
    
    function
    
    
    
    (){ 
    
    
    
     2 
    
    
    
     
    
    
    
    //
    
    
    
     .....
    
    
    
     
    
    
    
     3 
    
    
    
    
    
    
    
    }); 
    
    
    
     4 
    
    
    
     
    
    
    
     5 
    
    
    
    $(
    
    
    
    '
    
    
    
    #resTest
    
    
    
    '
    
    
    
    ).load(
    
    
    
    '
    
    
    
    test.php
    
    
    
    '
    
    
    
    ,{name:
    
    
    
    '
    
    
    
    rain
    
    
    
    '
    
    
    
    ,age:
    
    
    
    ''
    
    
    
    22
    
    
    
    } , 
    
    
    
    function
    
    
    
    (){ 
    
    
    
     6 
    
    
    
     
    
    
    
    //
    
    
    
     .....
    
    
    
     
    
    
    
     7 
    
    
    
    
    
    
    
    }); 
    
    
    
     8 
    
    
    
     
    
    
    
     9 
    
    
    
    
    
    
    
    //
    
    
    
         
    
    
    
     
    
    
    
    10 
    
    
    
    
    
    
    
    $(
    
    
    
    '
    
    
    
    #resTest
    
    
    
    '
    
    
    
    ).load(
    
    
    
    '
    
    
    
    test.php
    
    
    
    '
    
    
    
    , 
    
    
    
    function
    
    
    
    (responseText,testStatus,XMLHTTPRequest){ 
    
    
    
    11 
    
    
    
     
    
    
    
    //
    
    
    
     .....
    
    
    
     
    
    
    
    12 
    
    
    
    
    
    
    
    }); 
    
    
    
    13 
    
    
    
     
    
    
    
    14 
    
    
    
     
    
    
    
    15 
    
    
    
     
    
    
    
    16 
    
    
    
     
    
    
    
    17 
    
    
    
    
   
   
   
   

2. get () 과 post 방법
$.get(url [,data] [,callback] [,type])
type, 서버 가 되 돌아 오 는 내용 의 형식, XML, html, script, json, text 와default
3. $.getScript()  $. getJSon ()
$. getScript () 는 js 파일 을 직접 불 러 오 는 데 사 용 됩 니 다. javaScript 파일 은 자동 으로 실 행 됩 니 다.
$. getJSon () 은 json 대상 을 불 러 오 는 데 사 용 됩 니 다.
4. $.ajax()
$.ajax(options)
KEY / VALUE 형식 으로 인자 가 꼭 필요 합 니 다.
5. serilalize () 방법
$('\ # form 1'). serialize () 는 모든 DOM 요 소 를 문자열 로 간략화 합 니 다.