您好,登錄后才能下訂單哦!
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對象的屬性和方法
關于Ajax相關及其優缺點是什么問題的解答就分享到這里了,希望以上內容可以對大家有一定的幫助,如果你還有很多疑惑沒有解開,可以關注億速云行業資訊頻道了解更多相關知識。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。