AJax 學習筆記一(XMLHTTPRequest對象)
2024-09-01 08:29:19
供稿:網友
現在很多公司都在做標準的靜態頁面,為了增強客戶的體驗效果,經常會涉及到AJax效果,而設計AJax使用的一種重要技術(工具)就是XMLHttpRequest對象了。今天學習了點關于XMLHttpRequest對象的一些方法和屬性,有點體會,在這里也想記錄起來。
1、何為XMLHttpRequest
定義:XMLHttp是一套可以在Javascript、VbScript、Jscript等腳本語言中通過http協議傳送或從接收XML及其他數據的一套API。XmlHttp最大的用處是可以更新網頁的部分內容而不需要刷新整個頁面(這是AJax的最大特點之一哦)。
2、創建XMLHttpRequest對象
在使用XMLHTTPRequest對象發送請求和處理響應之前,我們必須要用javascript創建一個XMLHTTPRequest對象。(IE把XMLHTTPRequest實現為一個ActiveX對象,其他的瀏覽器[如Firefox/Safari/Opear]則把它實現為一個本地的javascript對象)。請看下面的例子吧
代碼如下:
<script language="javascript" type="text/javascript">
var xmlhttp;
// 創建XMLHTTPRequest對象
function createXMLHTTPRequest(){
if(window.ActiveXObject){ // 判斷是否支持ActiveX控件
xmlhttp = new ActiveObject("Microsoft.XMLHTTP"); // IE瀏覽器支持的創建方式
}
else if(window.XMLHTTPRequest){ // 判斷是否把XMLHTTPRequest實現為一個本地javascript對象
xmlhttp = new XMLHTTPRequest(); // FireFox,Opera等瀏覽器支持的創建方式
}
}
</script>
3、屬性和方法
因為涉及的內容很多,本人也是正在學習之中,所以也是參考人家的例子學習的,所以在此將別人好的東西粘貼上來 ,以便復習
代碼如下:
<html>
<head>
<title>XMLHTTPRequest對象的說明DEMO</title>
<script language="javascript" type="text/javascript">
<!--
var xmlhttp;
// 創建一個XMLHTTPRequest對象
function createXMLHTTPRequext(){
if(window.ActiveXObject) {
xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
}
else if(window.XMLHTTPRequest){
xmlhttp = new XMLHTTPRequest();
}
}
function PostOrder(xmldoc)
{
createXMLHTTPRequext();
// 方法:open
// 創建一個新的http請求,并指定此請求的方法、URL以及驗證信息
// 語法:oXMLHttpRequest.open(bstrMethod, bstrUrl, varAsync, bstrUser, bstrPassword);
// 參數
// bstrMethod
// http方法,例如:POST、GET、PUT及PROPFIND。大小寫不敏感。
// bstrUrl
// 請求的URL地址,可以為絕對地址也可以為相對地址。
// varAsync[可選]
// 布爾型,指定此請求是否為異步方式,默認為true。如果為真,當狀態改變時會調用onreadystatechange屬性指定的回調函數。
// bstrUser[可選]
// 如果服務器需要驗證,此處指定用戶名,如果未指定,當服務器需要驗證時,會彈出驗證窗口。
// bstrPassword[可選]