jquery 与ajax 的应用

asynchronous JavaScript and XML

在jquery $.ajax()方法属于最底层的方法，第2层是load(),$.post(),$.get(), 第3层是$.getScript() 和$.getJson方法

1. load

load(url [,data] [,callback])

data : 采用Key/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() 方法

$(‘#form1’).serialize() 将所有的DOM 元素简化成字符串