本節簡介(異步鏈接服務器對象)XMLHTTPRequest以及AJAX的簡介。
AJAX即“Asynchronous Javascript And XML”(異步JavaScript和XML)。 AJAX有四個方面的好處:1.即減輕了服務器的負擔。2帶來了更好的用戶體驗。3.基于標準被廣泛的支持。4.擁有更好的頁面呈現和數據分離。
技術名稱 技術說明
javascript javascript是通用的腳本語言,AJAX是用javascript編寫的
css 用戶界面的樣式通過css來修改
DOM DOM通過javascript修改DOM,ajax可以在運行時改變用戶界面,或者局部更新頁面中的某個節點。
XMLHttpRequest XMLHttpRequest對象 XMLHttpRequest對象允許web程序員從web服務器以后臺的方式獲取數據。數據的個數通常是XML或者是文本。
從上面我們看出,javascript就想膠水一樣將各個部分粘貼在一起,例如通過javascript操作BOM改變刷新用戶界面,通過修改className來改變css樣式風格
1.異步對象連接服務器
不嚴謹的說,ajax是一個簡單的多線程,它能夠是用戶在前臺多種操作而不間斷。ajax異步交互在后臺默默的工作著 在web中異步訪問是通過XMLHttpRequest對象來實現的,該對象最早是在ie5被作為activeX控件引入的。隨后各個瀏覽器紛紛支持該異步對象,首先必須創建對象。代碼如下:
代碼如下:
var xmlHttp;
function createXMLHrrpRequest() {
if (window.ActiveXObject)
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
else if (window.XMLHttpRequest)
xmlHttp = new XMLHttpRequest();
}
該對象是先創建了一個全局變量xmlHttp,留以后函數中使用。另外創建異步對象函數createXMLHrrpRequest()
該過程用到了if語句方法,如果是IE采用window.ActiveXobject方法,如果不是,則用XMLHttpRequest方法創建函數。
在創建完異步對象后,自然是使用該對象連接服務器,該對象有一系列十分有用的屬性和方法。
屬性/方法 說明
abort() 取消請求
getAllResponseHeaders() 獲取指定的Http頭
open(method,url) 創建請求,method指定請求類型,GET POST
send() 發送請求
setRequestHeader() 指定請求的http頭
onreadystatechange 發生任何狀態變化時的事件控制對象
readyState
新聞熱點
疑難解答
圖片精選