淺談Ajax相關及其優缺點_AJAX相關

AJAX，即Asynchronous Javascript And XML，可實現無重新整理狀態更新頁面和非同步提交

優點：

不需要外掛程式支援
使用者體驗極佳
提升Web程式效能
減輕伺服器和寬頻負擔

缺點：

前進後退按鈕被破壞
搜尋引擎的支援不夠
開發調試工具缺乏

同步和非同步

同步：也就是必須一件一件事做，等前一件做完了才能做下一件事
非同步：不需要等到前一件事做完，可多事同做

JQuery對AJAX進行了三層封裝

　　最底層：封裝了基礎Ajax一些操作；

全域方法：$.ajax()
提交的資料在data中，用post方式提交，提交資料須用"{}"包裹，以"key:value"的形式提交
提交整個表單時，可使用表單序列化"serialize()"，提交整個表單
decodeURIComponent()：解序列化的資料
encodeURIComponent()：將資料序列化，serialize()也是調用此方法進行序列化
serializeArray()：表單轉化為json形式
$.ajaxSetup()：初始化$.ajax()的資料，用於設定$.ajax()對象的預設值
　　第二層：封裝了jQuery的Ajax；

局部方法：.load(url,data,callback)
比較適合靜態檔案的非同步擷取
全域方法：$.get(url,data,callback,type),$.post(url,data,callback,type)
可使用與動態檔案非同步擷取
　　第三層：封裝了get；

全域方法：$.getJSON,$.getScript

載入請求

　　$(document).ajaxStart(function)：請求開始時，觸發的方法

　　$(document).ajaxStop(function)：請求結束時，觸發的方法

JSON和JSONP

　　當dataType為JSON時，無法跨域擷取資料，要在添加網域名稱後面添加"?callback="才能實現跨網域名稱調用資料。當dataType為JSONP時，可直接實現跨域擷取資料。

JQXHR對象

　　jQuery jqXHR對象的屬性和方法

以上所述就是本文的全部內容了，希望大家能夠喜歡。