Ajax相關(guān)及其優(yōu)缺點(diǎn)是什么

Ajax相關(guān)及其優(yōu)缺點(diǎn)是什么，針對這個(gè)問(wèn)題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

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

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

不需要插件支持
用戶(hù)體驗極佳
提升Web程序性能
減輕和寬帶的負擔

缺點(diǎn)：

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

同步和異步

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

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

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

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

加載請求

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

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

JSON和JSONP

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

JQXHR對象

　　jQuery jqXHR對象的屬性和方法