淺談Ajax相關(guān)及其優(yōu)缺點(diǎn)
AJAX,即Asynchronous Javascript And XML,可實(shí)現(xiàn)無刷新狀態(tài)更新頁面和異步提交
優(yōu)點(diǎn):
不需要插件支持
用戶體驗(yàn)極佳
提升Web程序性能
減輕服務(wù)器和寬帶的負(fù)擔(dān)
缺點(diǎn):
前進(jìn)后退按鈕被破壞
搜索引擎的支持不夠
開發(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)求開始時(shí),觸發(fā)的方法
$(document).ajaxStop(function):請(qǐng)求結(jié)束時(shí),觸發(fā)的方法
JSON和JSONP
當(dāng)dataType為JSON時(shí),無法跨域獲取數(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ì)象的屬性和方法
以上所述就是本文的全部內(nèi)容了,希望大家能夠喜歡。
相關(guān)文章
探討Ajax中有關(guān)readyState(狀態(tài)值)和status(狀態(tài)碼)的問題
這篇文章主要介紹了探討Ajax中有關(guān)readyState(狀態(tài)值)和status(狀態(tài)碼)的問題的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-06-06
ajax動(dòng)態(tài)加載json數(shù)據(jù)并詳細(xì)解析
今天小編就為大家分享一篇ajax動(dòng)態(tài)加載json數(shù)據(jù)并詳細(xì)解析,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08
Ajax技術(shù)(WEB無刷新提交數(shù)據(jù))
Ajax技術(shù)(WEB無刷新提交數(shù)據(jù))...2007-02-02
Ajax實(shí)現(xiàn)模擬關(guān)鍵字智能匹配搜索效果
這篇文章主要介紹了Ajax實(shí)現(xiàn)模擬關(guān)鍵字智能匹配搜索效果,當(dāng)在搜索框輸入內(nèi)容時(shí),根據(jù)關(guān)鍵字匹配,顯示彈出層,非常不錯(cuò),具有參考借鑒價(jià)值,需要的朋友可以參考下2016-12-12
ajax 返回值自動(dòng)添加pre標(biāo)簽的解決方法
ajax返回的內(nèi)容,居然自動(dòng)添加了pre標(biāo)簽,解決方法是修改一般處理程序的返回類型,遇到類似情況的可以參考下2014-07-07

