AJAX零基礎學習指南1
轉載
轉載地址：http://www.javacc.top/showbloginfo.action?id=45
AJAX
1. 概念
(1) AJAX = Asynchronous JavaScript and XML（異步的 JavaScript 和 XML）。
(2) AJAX 不是新的編程語言，而是一種使用現有標準的新方法。
(3) AJAX 是與服務器交換數據並更新部分網頁的藝術，在不重新加載整個頁面的情況下。
(4) 簡而言之：局部刷新。
2. AJAX 是一種用於創建快速動態網頁的技術。
(1) 通過在後臺與服務器進行少量數據交換，AJAX 可以使網頁實現異步更新。這意味着可以在不重新加載整個網頁的情況下，對網頁的某部分進行更新。
(2) 傳統的網頁（不使用 AJAX）如果需要更新內容，必需重載整個網頁面。
(3) 有很多使用 AJAX 的應用程序案例：新浪微博、Google 地圖、開心網等等。
(4) Google Suggest
(5) 在 2005 年，Google 通過其 Google Suggest 使 AJAX 變得流行起來。
(6) Google Suggest 使用 AJAX 創造出動態性極強的 web 界面：當您在谷歌的搜索框輸入關鍵字時，JavaScript 會把這些字符發送到服務器，然後服務器會返回一個搜索建議的列表。
3. 關於 jQuery 與 AJAX
(1) jQuery 提供多個與 AJAX 有關的方法。
(2) 通過 jQuery AJAX 方法，您能夠使用 HTTP Get 和 HTTP Post 從遠程服務器上請求文本、HTML、XML 或 JSON - 同時您能夠把這些外部數據直接載入網頁的被選元素中。
(3) 提示：如果沒有 jQuery，AJAX 編程還是有些難度的。
(4) 編寫常規的 AJAX 代碼並不容易，因爲不同的瀏覽器對 AJAX 的實現並不相同。這意味着您必須編寫額外的代碼對瀏覽器進行測試。不過，jQuery 團隊爲我們解決了這個難題，我們只需要一行簡單的代碼，就可以實現 AJAX 功能。
4. AJAX定義的用法
(1)
$.ajax({
type:'POST',
url:url,
data:data,
success:success,
dataType:dataType
});
5. 什麼是 JSON ？
(1) JSON 指的是 JavaScript 對象表示法（JavaScript Object Notation）
(2) JSON 是輕量級的文本數據交換格式
(3) JSON 獨立於語言 *
(4) JSON 具有自我描述性，更易理解
6. JSON 語法是 JavaScript 對象表示法語法的子集。
(1) 數據在名稱/值對中
(2) 數據由逗號分隔
(3) 花括號保存對象
(4) 方括號保存數組
(5) 示例：
①
{
"employees": [
{ "firstName":"John" , "lastName":"Doe" },
{ "firstName":"Anna" , "lastName":"Smith" },
{ "firstName":"Peter" , "lastName":"Jones" }
]
}
7. JSON 值的類型：
(1) 數字（整數或浮點數）
(2) 字符串（在雙引號中）
(3) 邏輯值（true 或 false）
(4) 數組（在方括號中）
(5) 對象（在花括號中）
(6) null
8. 使用 AJAX 請求來獲得 JSON 數據語法格式
(1)
$.ajax({
url: url,
data: data,
success: callback,
dataType: json
});
(2)
$.getJSON("demo_ajax_json.js",{參數列表},function(result){
$.each(result, function(i, field){
$("div").append(field + " ");
});
});
9. 使用 AJAX 請求來獲得 JSON 數據
(1) 使用AJAX請求獲取JSON方式，需要的步驟如下：
① 導入JSON相關jar包
② 創建Servlet
③ 創建實體對象集合
④ 將對象集合放入JSON當中
⑤ 將JSON寫出
(2) 頁面使用ajax的json方式請求，使用回調函數獲得json數據。
10. 引入JSON架包
(1) 使用JSONObject 類的話需要以下6個JAR包
① commons-beanutils.jar
② commons-collections.jar
③ commons-lang-2.6.jar
④ commons-logging.jar
⑤ ezmorph.jar
⑥ json-lib.jar
轉載