淺談Ajax相關(guān)及其優(yōu)缺點(diǎn)

AJAX，即Asynchronous Javascript And XML，可實(shí)現(xiàn)無(wú)刷新?tīng)顟B(tài)更新頁(yè)面和異步提交

優(yōu)點(diǎn)：

不需要插件支持
用戶體驗(yàn)極佳
提升Web程序性能
減輕服務(wù)器和寬帶的負(fù)擔(dān)

缺點(diǎn)：

前進(jìn)后退按鈕被破壞
搜索引擎的支持不夠
開(kāi)發(fā)調(diào)試工具缺乏

同步和異步

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

JQuery對(duì)AJAX進(jìn)行了三層封裝

　　最底層：封裝了基礎(chǔ)Ajax一些操作；

全局方法：$.ajax()
提交的數(shù)據(jù)在data中，用post方式提交，提交數(shù)據(jù)須用"{}"包裹，以"key:value"的形式提交
提交整個(gè)表單時(shí)，可使用表單序列化"serialize()"，提交整個(gè)表單
decodeURIComponent()：解序列化的數(shù)據(jù)
encodeURIComponent()：將數(shù)據(jù)序列化，serialize()也是調(diào)用此方法進(jìn)行序列化
serializeArray()：表單轉(zhuǎn)化為json形式
$.ajaxSetup()：初始化$.ajax()的數(shù)據(jù)，用于設(shè)定$.ajax()對(duì)象的默認(rèn)值
　　第二層：封裝了jQuery的Ajax；

局部方法：.load(url,data,callback)
比較適合靜態(tài)文件的異步獲取
全局方法：$.get(url,data,callback,type),$.post(url,data,callback,type)
可使用與動(dòng)態(tài)文件異步獲取
　　第三層：封裝了get；

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

加載請(qǐng)求

　　$(document).ajaxStart(function)：請(qǐng)求開(kāi)始時(shí)，觸發(fā)的方法

　　$(document).ajaxStop(function)：請(qǐng)求結(jié)束時(shí)，觸發(fā)的方法

JSON和JSONP

　　當(dāng)dataType為JSON時(shí)，無(wú)法跨域獲取數(shù)據(jù)，要在添加域名后面添加"?callback="才能實(shí)現(xiàn)跨域名調(diào)用數(shù)據(jù)。當(dāng)dataType為JSONP時(shí)，可直接實(shí)現(xiàn)跨域獲取數(shù)據(jù)。

JQXHR對(duì)象

　　jQuery jqXHR對(duì)象的屬性和方法

以上所述就是本文的全部?jī)?nèi)容了，希望大家能夠喜歡。