淺談Ajax相關及其優(yōu)缺點
AJAX,即Asynchronous Javascript And XML,可實現(xiàn)無刷新狀態(tài)更新頁面和異步提交
優(yōu)點:
不需要插件支持
用戶體驗極佳
提升Web程序性能
減輕服務器和寬帶的負擔
缺點:
前進后退按鈕被破壞
搜索引擎的支持不夠
開發(fā)調試工具缺乏
同步和異步
同步:也就是必須一件一件事做,等前一件做完了才能做下一件事
異步:不需要等到前一件事做完,可多事同做
JQuery對AJAX進行了三層封裝
最底層:封裝了基礎Ajax一些操作;
全局方法:$.ajax()
提交的數(shù)據(jù)在data中,用post方式提交,提交數(shù)據(jù)須用"{}"包裹,以"key:value"的形式提交
提交整個表單時,可使用表單序列化"serialize()",提交整個表單
decodeURIComponent():解序列化的數(shù)據(jù)
encodeURIComponent():將數(shù)據(jù)序列化,serialize()也是調用此方法進行序列化
serializeArray():表單轉化為json形式
$.ajaxSetup():初始化$.ajax()的數(shù)據(jù),用于設定$.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):請求結束時,觸發(fā)的方法
JSON和JSONP
當dataType為JSON時,無法跨域獲取數(shù)據(jù),要在添加域名后面添加"?callback="才能實現(xiàn)跨域名調用數(shù)據(jù)。當dataType為JSONP時,可直接實現(xiàn)跨域獲取數(shù)據(jù)。
JQXHR對象
jQuery jqXHR對象的屬性和方法
以上所述就是本文的全部內容了,希望大家能夠喜歡。
相關文章
基于Ajax實現(xiàn)下拉框聯(lián)動顯示數(shù)據(jù)
本篇文章給大家介紹基于ajax實現(xiàn)下拉框聯(lián)動顯示數(shù)據(jù),代碼非常簡單,需要的朋友可以參考下2015-09-09Ajax添加數(shù)據(jù)與刪除篇實現(xiàn)代碼
Hello 大家好!這個ajax系列教程講到這里已經完成50%了.第4篇講了ajax向數(shù)據(jù)庫添加數(shù)據(jù),第5篇講了ajax修改數(shù)據(jù)庫中的數(shù)據(jù).今天我們來講ajax添加數(shù)據(jù)與刪除并存的實例效果.2010-10-10ajax與websocket的區(qū)別以及websocket常用使用方式 介紹
這篇文章主要介紹了ajax與websocket的區(qū)別以及websocket常用使用方式 介紹,需要的朋友可以參考下2018-06-06