簡(jiǎn)單談?wù)凙JAX核心對(duì)象
Ajax是2005年2月才誕生但是現(xiàn)在已經(jīng)炙手可熱的一項(xiàng)全新技術(shù).這項(xiàng)新技術(shù)能夠極大地改善網(wǎng)站的用戶(hù)體驗(yàn).
什么是Ajax
Ajax是異步Javascript和XML(Asynchronous JavaScript and XML)的英文縮寫(xiě).
Ajax的核心理念在于使用XMLHttpRequest對(duì)象發(fā)送異步請(qǐng)求.Ajax并不是一門(mén)新的語(yǔ)言或技術(shù),它實(shí)際上是幾項(xiàng)技術(shù)按一定的方式組合在一起,共同的協(xié)作中發(fā)揮各自的作用.
Ajax的優(yōu)點(diǎn)
1.減輕服務(wù)器的負(fù)擔(dān).Ajax的原則是"按需取數(shù)據(jù)".
2.無(wú)需刷新頁(yè)面,減少用戶(hù)心理和實(shí)際的等待時(shí)間.
3.帶來(lái)更好的用戶(hù)體驗(yàn).
4.可以把以前一些服務(wù)器負(fù)擔(dān)的工作轉(zhuǎn)移到客戶(hù)端,利用客戶(hù)端閑置的能力來(lái)處理,減輕服務(wù)器負(fù)擔(dān),充分利用寬帶資源,節(jié)約空間和寬帶租用成本.
5.可以調(diào)用外部數(shù)據(jù).
6.基于標(biāo)準(zhǔn)化的并被廣泛支持的技術(shù),不需要下載插件或者小程序.
7.進(jìn)一步促進(jìn)頁(yè)面呈現(xiàn)與數(shù)據(jù)分離.
二.XMLHttpRequest對(duì)象介紹
Ajax的一個(gè)最大的特點(diǎn)是無(wú)需刷新頁(yè)面便可向服務(wù)器傳輸或讀寫(xiě)數(shù)據(jù)(又稱(chēng)無(wú)刷新更新頁(yè)面),這一特點(diǎn)主要得益于XMLHTTP組件XMLHttpRequest對(duì)象.
XMLHttpRequest屬性
XMLHttpRequest對(duì)象的屬性
屬性 |
描述 |
onreadystatechange |
每個(gè)狀態(tài)改變時(shí)都會(huì)觸發(fā)這個(gè)事件處理程序,通常會(huì)調(diào)用一個(gè)JavaScript函數(shù) |
readyState | 請(qǐng)求的狀態(tài) |
responseText | 服務(wù)器的響應(yīng),表示為一個(gè)串 |
responseXML | 服務(wù)器的響應(yīng),表示為XML,這個(gè)對(duì)象可以解析為一個(gè)DOM對(duì)象 |
status | 服務(wù)器的HTTP狀態(tài) |
statusText | HTTP狀態(tài)的對(duì)應(yīng)文本 |
每個(gè)狀態(tài)改變時(shí)都會(huì)觸發(fā)這個(gè)事件處理程序,通常會(huì)調(diào)用一個(gè)JavaScript函數(shù)
XMLHttpRequest方法
XMLHttpRequest對(duì)象的一些常用的方法
方法 | 描述 |
abort() | 停止當(dāng)前請(qǐng)求 |
getAllResponseHeaders() | 把HTTP請(qǐng)求的所有相應(yīng)首部作為鍵/值對(duì)返回 |
getResponseHeader("header") | 返回指定首部的串值 |
open("method","url") | 建立對(duì)服務(wù)器的調(diào)用.method參數(shù)可以是GET,POST或PUT等;url參數(shù)可以是相對(duì)URL或絕對(duì)URL.這個(gè)方法還包括3個(gè)可選參數(shù) |
send(content) | 向服務(wù)器發(fā)送請(qǐng)求 |
setRequestHeader("header","value") | 把指定首部設(shè)置為所提供的值,在設(shè)置任何首部之前必須先調(diào)用open()方法 |
相關(guān)文章
用ajax實(shí)現(xiàn)預(yù)覽鏈接可以看到鏈接的內(nèi)容
用CSS設(shè)置預(yù)覽彈出窗口的樣式、用JavaScript進(jìn)行服務(wù)器請(qǐng)求并且顯示彈出窗口,需要的朋友可以參考下2014-08-08Ajax調(diào)用restful接口傳送Json格式數(shù)據(jù)的方法
這篇文章主要介紹了Ajax調(diào)用restful接口傳送Json格式數(shù)據(jù)的方法的相關(guān)資料,非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起看下吧2016-07-07Jquery中ajax提交表單幾種方法(get、post兩種方法)
ajax技術(shù)帶給我們的是良好的用戶(hù)體驗(yàn),同時(shí),使用jquery可以簡(jiǎn)化開(kāi)發(fā),提高工作效率,接下來(lái),腳本之家小編給大家分享Jquery中ajax提交表單幾種方法,需要的朋友可以參考下2015-09-09使用ajax實(shí)現(xiàn)無(wú)刷新改變頁(yè)面內(nèi)容和地址欄URL
本文主要詳細(xì)介紹了使用ajax和window.history.pushState無(wú)刷新改變頁(yè)面內(nèi)容和地址欄URL的方法,需要的朋友可以參考下2015-03-03javascript Ajax獲取遠(yuǎn)程url的返回判斷
將以下文本放入一個(gè)HTML頁(yè)面即可看到效果,將會(huì)有兩次彈出提示,最后在頁(yè)面上顯示YES,表示完成2012-01-01jQuery中ajax - get() 方法實(shí)例詳解
在JQuery中可以使用get,post和ajax方法給服務(wù)器端傳遞數(shù)據(jù),接下來(lái),通過(guò)本篇文章給大家介紹jquery中ajax-get()方法實(shí)例詳解,有需要的朋友可以參考下2015-09-09通過(guò)Ajax進(jìn)行Post提交Json數(shù)據(jù)的方法
下面小編就為大家分享一篇通過(guò)Ajax進(jìn)行Post提交Json數(shù)據(jù)的方法,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-03-03