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