主頁 > 知識庫 > 淺談Ajax相關及其優(yōu)缺點

淺談Ajax相關及其優(yōu)缺點

熱門標簽:目標三維地圖標注 襄陽外呼系統(tǒng)接口 上海浦東百度地圖標注中心注冊 老虎郵局地圖標注點 徐州電銷卡外呼系統(tǒng)供應商 百靈鳥 青海醫(yī)療智能外呼系統(tǒng)怎么樣 外呼系統(tǒng)獲取客戶手機號 科智聯(lián)智能電銷機器人

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原理總結附簡單實例及其優(yōu)點
  • 淺析Ajax的 原理及優(yōu)缺點
  • 聊一聊Ajax的優(yōu)缺點
  • js jquery ajax的幾種用法總結(及優(yōu)缺點介紹)
  • 簡述Ajax的優(yōu)點與缺點

標簽:辛集 咸寧 商洛 紅河 佛山 股票 揭陽 荊州

巨人網(wǎng)絡通訊聲明:本文標題《淺談Ajax相關及其優(yōu)缺點》,本文關鍵詞  淺談,Ajax,相關,及其,優(yōu)缺點,;如發(fā)現(xiàn)本文內容存在版權問題,煩請?zhí)峁┫嚓P信息告之我們,我們將及時溝通與處理。本站內容系統(tǒng)采集于網(wǎng)絡,涉及言論、版權與本站無關。
  • 相關文章
  • 下面列出與本文章《淺談Ajax相關及其優(yōu)缺點》相關的同類信息!
  • 本頁收集關于淺談Ajax相關及其優(yōu)缺點的相關信息資訊供網(wǎng)民參考!
  • 推薦文章