簡單談談AJAX核心對象
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.減輕服務器的負擔.Ajax的原則是"按需取數(shù)據(jù)".
2.無需刷新頁面,減少用戶心理和實際的等待時間.
3.帶來更好的用戶體驗.
4.可以把以前一些服務器負擔的工作轉(zhuǎn)移到客戶端,利用客戶端閑置的能力來處理,減輕服務器負擔,充分利用寬帶資源,節(jié)約空間和寬帶租用成本.
5.可以調(diào)用外部數(shù)據(jù).
6.基于標準化的并被廣泛支持的技術(shù),不需要下載插件或者小程序.
7.進一步促進頁面呈現(xiàn)與數(shù)據(jù)分離.
二.XMLHttpRequest對象介紹
Ajax的一個最大的特點是無需刷新頁面便可向服務器傳輸或讀寫數(shù)據(jù)(又稱無刷新更新頁面),這一特點主要得益于XMLHTTP組件XMLHttpRequest對象.
XMLHttpRequest屬性
XMLHttpRequest對象的屬性
|
屬性 |
描述 |
|
onreadystatechange |
每個狀態(tài)改變時都會觸發(fā)這個事件處理程序,通常會調(diào)用一個JavaScript函數(shù) |
| readyState | 請求的狀態(tài) |
| responseText | 服務器的響應,表示為一個串 |
| responseXML | 服務器的響應,表示為XML,這個對象可以解析為一個DOM對象 |
| status | 服務器的HTTP狀態(tài) |
| statusText | HTTP狀態(tài)的對應文本 |
每個狀態(tài)改變時都會觸發(fā)這個事件處理程序,通常會調(diào)用一個JavaScript函數(shù)
XMLHttpRequest方法
XMLHttpRequest對象的一些常用的方法
| 方法 | 描述 |
| abort() | 停止當前請求 |
| getAllResponseHeaders() | 把HTTP請求的所有相應首部作為鍵/值對返回 |
| getResponseHeader("header") | 返回指定首部的串值 |
| open("method","url") | 建立對服務器的調(diào)用.method參數(shù)可以是GET,POST或PUT等;url參數(shù)可以是相對URL或絕對URL.這個方法還包括3個可選參數(shù) |
| send(content) | 向服務器發(fā)送請求 |
| setRequestHeader("header","value") | 把指定首部設(shè)置為所提供的值,在設(shè)置任何首部之前必須先調(diào)用open()方法 |
相關(guān)文章
ajax判斷后端返回的數(shù)據(jù)是否為null的方法
今天小編就為大家分享一篇ajax判斷后端返回的數(shù)據(jù)是否為null的方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2018-08-08
如何實現(xiàn)ajax延時發(fā)送在空閑之后去發(fā)送ajax請求
關(guān)鍵字搜索的功能,還是比較實用的,在實現(xiàn)過程中就需用到ajax延時發(fā)送,下面有個不錯的示例,有需要的朋友可以參考下2013-12-12
React+ajax+java實現(xiàn)上傳圖片并預覽功能
這篇文章主要介紹了React+ajax+java實現(xiàn)上傳圖片并預覽功能,具有一定的參考價值,感興趣的小伙伴們可以參考一下2017-05-05
關(guān)于多個Ajax請求執(zhí)行返回先后的問題示例探討
這篇文章主要與大家探討下關(guān)于多個Ajax請求執(zhí)行返回先后的問題,需要的朋友可以參考下2014-07-07

