jQuery — Ajax

一、Ajax 请求

　　1、$.ajax 方法

　　　　常用参数：

url：         表示请求的地址

type:         表示请求的类型 GET 或 POST 请求

async:      表示请求是同步还是异步的，默认为 true，异步；设置为 false 表示 同步

data:         表示发送给服务器的数据，格式有两种：① name1=value1&name2=value2 ② {key:value}

success:   表示请求成功，响应的回调函数

dataType:  响应的数据类型，常用的数据类型有：text 表示纯文本，xml 表示 xml 数据，json 表示 json 对象

　　　　Demo：

 $.ajax({
      type: "POST",
      url: "some.php",
      async: "true",
      data: "name=John&location=Boston",
      success: function(msg){
          alert( "Data Saved: " + msg );
      },
      dataType:"json"
 });

　　2、$.get() 与 $.post()

　　　　这两个方法都是以简单的 GET 或 POST 请求取代复杂的 $.ajax。

　　　　参数说明：

url：              请求的 url 地址

data：           发送的数据

callback：     请求成功时回调函数

type：           返回内容格式：xml,text,json 等

　　　　Demo：

 $.get("test.do", function(data){
            alert("Data Loaded: " + data);
        });

$.post("time.do", { name: "John", time: "2pm" },
            function(data){
                alert("Data Loaded: " + data);
            });

　　3、$.getJSON 方法

　　　　此方法以 get 请求向服务器发起请求，返回的是 JSON 数据。

　　　　参数：

url：       　　请求的 url 地址；

data：    　　发送给服务器的数据

callback： 　 成功的回调函数

　　　　Demo：

$.getJSON("test.do", function(json){
  alert("JSON Data: " + json.users[3].name);
});

二、Ajax 事件

三、其他

　　1、serialize() 方法

　　　　该方法可以把表单中所有表单项的内容都获取到，并且以 name1=value1&name2=value2 的形式进行拼接。

　　　　Demo：

$("#form01").serialize()

　　

　　2、serializeArray() 方法

　　　　该方法可以序列化表格元素，返回 JSON 数据结构数据。

　　　　注意：此方法返回的是 JSON 对象而非 JSON 字符串，需要用第三方库进行字符串化操作。

　　　　Demo：

var fields = $("select, :radio").serializeArray();

格式：
 [ 
     {name: 'firstname', value: 'Hello'}, 
     {name: 'lastname', value: 'World'},
     {name: 'alias'}, // this one was empty
  ]