jquery中ajax的寫法

方法一： $.ajax(url,data,fn);

$('#btn').click(function(){
　　$.ajax({
　　　　url:"112.json",
　　　　type:"post",
　　　　data:{
　　　　　　//傳遞參數
　　　　},
　　　success:function(res){//res表示是否與服務器連接成功
　　　　console.log(res);//json中的數據
　　　　if (res.status == 'ok') {//當狀態為ok時，顯示json中的數據
　　　　　　console.log(res.datas[0].name);

　　　　}else{
　　　　　　alert('沒有相關數據');
　　　　}
　　},
　　error:function(e){
　　　　// 拋棄異常
　　}
　});
});

112.json中的內容　

{
"status":"ok",
"datas":[
{"name":"lxs","age":"111"},
{"name":"ssx","age":"1222"}
]
}

方法二：

$.post(URL,data,callback);

$.post("112.json",{
　　"activeName":activeName,
　　"sels":sels,
　　"sels2":sels2,
　　"start":start,
　　"end":end
　　},function(res){
　　　　if (res.message == '0') {
　　　　alert('成功');
　　　　// 向tbody中添加數據
　　}
});

方法三：$.get(url,callback);

$('#btn').click(function(){
　　$.get("112.json",function(res){

　　　　if (res.status == 'ok') {
　　　　alert('成功');
　　　　// 向tbody中添加數據
　　　　}
　　});

}

HTTP 請求：GET vs. POST

兩種在客戶端和服務器端進行請求-響應的常用方法是：GET 和 POST。

• GET - 從指定的資源請求數據
• POST - 向指定的資源提交要處理的數據

GET 基本上用於從服務器獲得（取回）數據。注釋：GET 方法可能返回緩存數據。

POST 也可用於從服務器獲取數據。不過，POST 方法不會緩存數據，並且常用於連同請求一起發送數據

jquery中的詳細ajax傳數據中get與post的區別比較：http://www.w3school.com.cn/tags/html_ref_httpmethods.asp