Ajax全面基礎學習（一）

快捷方法：

$.get(url,[data],[callback],[type])

get方法的[data]將被鏈在url後面

[callback]是請求成功後的**，可以得到響應資料，如果請求失敗，看不到callback返回的內容

[type]是頭部content-type定義的資料型別，如果返回的資料不能按照type規定的格式進行轉換，也不會得到callback**，因為被視為失敗的請求

$.post(url,[data],[callback],[type])

與get不同的是，post的[data]被放在requestbody裡面，相對來說比較安全

攜帶資料的ajax請求方式

$.get('/test?x=1');　　　　可以直接將要傳送的資料以 ?+data 的形式寫在url後面

$.get('/test' , );　　可以新增第二個引數，以json方式傳送資料

$.post('/test',);　　　post方法不可以使用?+data 的形式

load() 方法通過 ajax 請求從伺服器載入資料，並把返回的資料放置到指定的元素中（誰呼叫load方法，就把得到的資料放到誰中）。

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

注意：load方法不同於前面的get()和post(),它是乙個區域性方法，必須要乙個jquery物件來呼叫，如$("#container")

$("#container").load('test');    　　    //
當沒有[data]引數，是get方式請求
// 後台使get方式接收：
router.get('/list',function
(req,res));

$("#container").load('test',,function());    　　//
有[data]引數，為post方式請求，所以從request.body 裡得到type，而不是url直接取得
// 後台使用post方式接收：
router.post('/list',,function
(req,res)
}　　res.send(tohtml(ret));
});function
tohtml(users)
return "";
}

load() 方法比 $.get()更強大，get()只能取回遠端文件的所有資料，而load()允許我們取得遠端文件的具體某個部分。這一點是通過 url 引數的特殊語法實現的。如果該字串中包含乙個或多個空格，緊接第乙個空格的字串則是決定所載入內容的 jquery 選擇器。

例如，這樣就可以獲得文件的某部分：

$("#result").load("ajax/test.html #container");

如果執行該方法，則會取回 ajax/test.html 的內容，不過然後，jquery 會解析被返回的文件，來查詢帶有容器 id 的元素。該元素，連同其內容，會被插入$("#result")中，所取回文件的其餘部分會被丟棄。

$.getjson(url,[data],[callback])　　//
多用於跨域請求

當後台返回的資料型別不是json，這裡的callback就不會被執行

$.getscript('/js/a.js',function(){})

用於動態載入script檔案，即在需要的時候才載入相應的script檔案，有利於提高頁面的載入速度

Ajax全面基礎學習（一）

Ajax全面基礎學習（二）

Ajax基礎學習一

AJAX基礎學習

Ajax全面基礎學習（一）

Ajax全面基礎學習（二）

Ajax基礎學習 一

AJAX基礎學習

相關推薦

Ajax基礎學習一