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

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

AJAX，即Asynchronous Javascript And XML，可實現(xiàn)無刷新狀態(tài)更新頁面和異步提交

優(yōu)點：

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

缺點：

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

同步和異步

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

JQuery對AJAX進行了三層封裝

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

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

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

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

加載請求

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

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

JSON和JSONP

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

JQXHR對象

　　jQuery jqXHR對象的屬性和方法

關(guān)于Ajax相關(guān)及其優(yōu)缺點是什么問題的解答就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關(guān)注億速云行業(yè)資訊頻道了解更多相關(guān)知識。