AJax 學習筆記一(XMLHTTPRequest對象)
更新時間：2010年04月24日 14:35:03 作者：
今天學習了點關于XMLHttpRequest對象的一些方法和屬性，有點體會，在這里也想記錄起來。
現(xiàn)在很多公司都在做標準的靜態(tài)頁面，為了增強客戶的體驗效果，經(jīng)常會涉及到AJax效果，而設計AJax使用的一種重要技術（工具）就是XMLHttpRequest對象了。今天學習了點關于XMLHttpRequest對象的一些方法和屬性，有點體會，在這里也想記錄起來。
1、何為XMLHttpRequest
定義：XMLHttp是一套可以在Javascript、VbScript、Jscript等腳本語言中通過http協(xié)議傳送或從接收XML及其他數(shù)據(jù)的一套API。XmlHttp最大的用處是可以更新網(wǎng)頁的部分內(nèi)容而不需要刷新整個頁面（這是AJax的最大特點之一哦）。
2、創(chuàng)建XMLHttpRequest對象
在使用XMLHTTPRequest對象發(fā)送請求和處理響應之前，我們必須要用javascript創(chuàng)建一個XMLHTTPRequest對象。（IE把XMLHTTPRequest實現(xiàn)為一個ActiveX對象，其他的瀏覽器[如Firefox/Safari/Opear]則把它實現(xiàn)為一個本地的javascript對象）。請看下面的例子吧
<script language="javascript" type="text/javascript">
var xmlhttp;
// 創(chuàng)建XMLHTTPRequest對象
function createXMLHTTPRequest(){
if(window.ActiveXObject){ // 判斷是否支持ActiveX控件
xmlhttp = new ActiveObject("Microsoft.XMLHTTP"); // IE瀏覽器支持的創(chuàng)建方式
}
else if(window.XMLHTTPRequest){ // 判斷是否把XMLHTTPRequest實現(xiàn)為一個本地javascript對象
xmlhttp = new XMLHTTPRequest(); // FireFox,Opera等瀏覽器支持的創(chuàng)建方式
}
}
</script>
3、屬性和方法
因為涉及的內(nèi)容很多，本人也是正在學習之中，所以也是參考人家的例子學習的，所以在此將別人好的東西粘貼上來 ，以便復習
<html>
<head>
<title>XMLHTTPRequest對象的說明DEMO</title>
<script language="javascript" type="text/javascript">
<!--
var xmlhttp;
// 創(chuàng)建一個XMLHTTPRequest對象
function createXMLHTTPRequext(){
if(window.ActiveXObject) {
xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
}
else if(window.XMLHTTPRequest){
xmlhttp = new XMLHTTPRequest();
}
}
function PostOrder(xmldoc)
{
createXMLHTTPRequext();
// 方法：open
// 創(chuàng)建一個新的http請求，并指定此請求的方法、URL以及驗證信息
// 語法：oXMLHttpRequest.open(bstrMethod, bstrUrl, varAsync, bstrUser, bstrPassword);
// 參數(shù)
// bstrMethod
// http方法，例如：POST、GET、PUT及PROPFIND。大小寫不敏感。
// bstrUrl
// 請求的URL地址，可以為絕對地址也可以為相對地址。
// varAsync[可選]
// 布爾型，指定此請求是否為異步方式，默認為true。如果為真，當狀態(tài)改變時會調用onreadystatechange屬性指定的回調函數(shù)。
// bstrUser[可選]
// 如果服務器需要驗證，此處指定用戶名，如果未指定，當服務器需要驗證時，會彈出驗證窗口。
// bstrPassword[可選]
// 驗證信息中的密碼部分，如果用戶名為空，則此值將被忽略。
// 備注：調用此方法后，可以調用send方法向服務器發(fā)送數(shù)據(jù)。
xmlhttp.Open("get", "http://localhost/example.htm", false);
// var book = xmlhttp.responseXML.selectSingleNode("http://book[@id='bk101']");
// alert(book.xml);
// 屬性：onreadystatechange
// onreadystatechange：指定當readyState屬性改變時的事件處理句柄
// 語法：oXMLHttpRequest.onreadystatechange = funcMyHandler;
// 如下的例子演示當XMLHTTPRequest對象的readyState屬性改變時調用HandleStateChange函數(shù)，
// 當數(shù)據(jù)接收完畢后（readystate == 4）此頁面上的一個按鈕將被激活
// 備注：此屬性只寫，為W3C文檔對象模型的擴展.
xmlhttp.onreadystatechange= HandleStateChange;
// 方法：send
// 發(fā)送請求到http服務器并接收回應
// 語法：oXMLHttpRequest.send(varBody);
// 參數(shù)：varBody （欲通過此請求發(fā)送的數(shù)據(jù)。）
// 備注：此方法的同步或異步方式取決于open方法中的bAsync參數(shù)，如果bAsync == False，此方法將會等待請求完成或者超時時才會返回，如果bAsync == True，此方法將立即返回。
// This method takes one optional parameter, which is the requestBody to use. The acceptable VARIANT input types are BSTR, SAFEARRAY of UI1 (unsigned bytes), IDispatch to an XML Document Object Model (DOM) object, and IStream *. You can use only chunked encoding (for sending) when sending IStream * input types. The component automatically sets the Content-Length header for all but IStream * input types.
// 如果發(fā)送的數(shù)據(jù)為BSTR，則回應被編碼為utf-8, 必須在適當位置設置一個包含charset的文檔類型頭。
// If the input type is a SAFEARRAY of UI1, the response is sent as is without additional encoding. The caller must set a Content-Type header with the appropriate content type.
// 如果發(fā)送的數(shù)據(jù)為XML DOM object，則回應將被編碼為在xml文檔中聲明的編碼，如果在xml文檔中沒有聲明編碼，則使用默認的UTF-8。
// If the input type is an IStream *, the response is sent as is without additional encoding. The caller must set a Content-Type header with the appropriate content type.
xmlhttp.Send(xmldoc);
// 方法：getAllResponseHeaders
// 獲取響應的所有http頭
// 語法：strValue = oXMLHttpRequest.getAllResponseHeaders();
// 備注：每個http頭名稱和值用冒號分割，并以\r\n結束。當send方法完成后才可調用該方法。
alert(xmlhttp.getAllResponseHeaders());
// 方法：getResponseHeader
// 從響應信息中獲取指定的http頭
// 語法：strValue = oXMLHttpRequest.getResponseHeader(bstrHeader);
// 備注：當send方法成功后才可調用該方法。如果服務器返回的文檔類型為"text/xml", 則這句話
// xmlhttp.getResponseHeader("Content-Type");將返回字符串"text/xml"?？梢允褂胓etAllResponseHeaders方法獲取完整的http頭信息。
alert(xmlhttp.getResponseHeader("Content-Type")); // 輸出http頭中的Content-Type列：當前web服務器的版本及名稱。
document.frmTest.myButton.disabled = true;
// 方法：abort
// 取消當前請求
// 語法：oXMLHttpRequest.abort();
// 備注：調用此方法后，當前請求返回UNINITIALIZED 狀態(tài)。
// xmlhttp.abort();
// 方法：setRequestHeader
// 單獨指定請求的某個http頭
// 語法：oXMLHttpRequest.setRequestHeader(bstrHeader, bstrValue);
// 參數(shù)：bstrHeader（字符串，頭名稱。）
// bstrValue（字符串，值。）
// 備注：如果已經(jīng)存在已此名稱命名的http頭，則覆蓋之。此方法必須在open方法后調用。
// xmlhttp.setRequestHeader(bstrHeader, bstrValue);
}
function HandleStateChange()
{
// 屬性：readyState
// 返回XMLHTTP請求的當前狀態(tài)
// 語法：lValue = oXMLHttpRequest.readyState;
// 備注：變量，此屬性只讀，狀態(tài)用長度為4的整型表示.定義如下：
// 0 (未初始化) 對象已建立，但是尚未初始化（尚未調用open方法）
// 1 (初始化) 對象已建立，尚未調用send方法
// 2 (發(fā)送數(shù)據(jù)) send方法已調用，但是當前的狀態(tài)及http頭未知
// 3 (數(shù)據(jù)傳送中) 已接收部分數(shù)據(jù)，因為響應及http頭不全，這時通過responseBody和responseText獲取部分數(shù)據(jù)會出現(xiàn)錯誤，
// 4 (完成) 數(shù)據(jù)接收完畢,此時可以通過通過responseBody和responseText獲取完整的回應數(shù)據(jù)
if (xmlhttp.readyState == 4){
document.frmTest.myButton.disabled = false;
// 屬性：responseBody
// 返回某一格式的服務器響應數(shù)據(jù)
// 語法：strValue = oXMLHttpRequest.responseBody;
// 備注：變量，此屬性只讀，以unsigned array格式表示直接從服務器返回的未經(jīng)解碼的二進制數(shù)據(jù)。
alert(xmlhttp.responseBody);
// 屬性：responseStream
// 以Ado Stream對象的形式返回響應信息
// 語法：strValue = oXMLHttpRequest.responseStream;
// 備注：變量，此屬性只讀，以Ado Stream對象的形式返回響應信息。
alert(xmlhttp.responseStream);
// 屬性：responseText
// 將響應信息作為字符串返回
// 語法：strValue = oXMLHttpRequest.responseText;
// 備注：變量，此屬性只讀，將響應信息作為字符串返回。XMLHTTP嘗試將響應信息解碼為Unicode字符串，
// XMLHTTP默認將響應數(shù)據(jù)的編碼定為UTF-8，如果服務器返回的數(shù)據(jù)帶BOM(byte-order mark)，XMLHTTP可
// 以解碼任何UCS-2 (big or little endian)或者UCS-4 數(shù)據(jù)。注意，如果服務器返回的是xml文檔，此屬
// 性并不處理xml文檔中的編碼聲明。你需要使用responseXML來處理。
alert(xmlhttp.responseText);
// 屬性：responseXML
// 將響應信息格式化為Xml Document對象并返回
// 語法：var objDispatch = oXMLHttpRequest.responseXML;
// 備注：變量，此屬性只讀，將響應信息格式化為Xml Document對象并返回。如果響應數(shù)據(jù)不是有效的XML文檔，
// 此屬性本身不返回XMLDOMParseError，可以通過處理過的DOMDocument對象獲取錯誤信息。
alert("Result = " + xmlhttp.responseXML.xml);
// 屬性：status
// 返回當前請求的http狀態(tài)碼
// 語法：lValue = oXMLHttpRequest.status;
// 返回值：長整形標準http狀態(tài)碼，定義如下：
// Number:Description
// 100:Continue
// 101:Switching protocols
// 200:OK
// 201:Created
// 202:Accepted
// 203:Non-Authoritative Information
// 204:No Content
// 205:Reset Content
// 206:Partial Content
// 300:Multiple Choices
// 301:Moved Permanently
// 302:Found
// 303:See Other
// 304:Not Modified
// 305:Use Proxy
// 307:Temporary Redirect
// 400:Bad Request
// 401:Unauthorized
// 402:Payment Required
// 403:Forbidden
// 404:Not Found
// 405:Method Not Allowed
// 406:Not Acceptable
// 407:Proxy Authentication Required
// 408:Request Timeout
// 409:Conflict
// 410:Gone
// 411:Length Required
// 412:Precondition Failed
// 413:Request Entity Too Large
// 414:Request-URI Too Long
// 415:Unsupported Media Type
// 416:Requested Range Not Suitable
// 417:Expectation Failed
// 500:Internal Server Error
// 501:Not Implemented
// 502:Bad Gateway
// 503:Service Unavailable
// 504:Gateway Timeout
// 505:HTTP Version Not Supported
// 備注：長整形，此屬性只讀，返回當前請求的http狀態(tài)碼,此屬性僅當數(shù)據(jù)發(fā)送并接收完畢后才可獲取。
alert(xmlhttp.status);
// 屬性：statusText
// 返回當前請求的響應行狀態(tài)
// 語法：strValue = oXMLHttpRequest.statusText;
// 備注：字符串，此屬性只讀，以BSTR返回當前請求的響應行狀態(tài),此屬性僅當數(shù)據(jù)發(fā)送并接收完畢后才可獲取。
alert(xmlhttp.statusText);
}
}
//-->
</script>
</head>
<body>
<form name="frmTest">
<input name="myButton" type="button" value="Click Me" onclick="PostOrder('http://localhost/example.htm');">
</form>
</body>
</html>
一個比較詳細說明XMLHttpRequest的網(wǎng)址
1、何為XMLHttpRequest
定義：XMLHttp是一套可以在Javascript、VbScript、Jscript等腳本語言中通過http協(xié)議傳送或從接收XML及其他數(shù)據(jù)的一套API。XmlHttp最大的用處是可以更新網(wǎng)頁的部分內(nèi)容而不需要刷新整個頁面（這是AJax的最大特點之一哦）。
2、創(chuàng)建XMLHttpRequest對象
在使用XMLHTTPRequest對象發(fā)送請求和處理響應之前，我們必須要用javascript創(chuàng)建一個XMLHTTPRequest對象。（IE把XMLHTTPRequest實現(xiàn)為一個ActiveX對象，其他的瀏覽器[如Firefox/Safari/Opear]則把它實現(xiàn)為一個本地的javascript對象）。請看下面的例子吧
復制代碼 代碼如下:
<script language="javascript" type="text/javascript">
var xmlhttp;
// 創(chuàng)建XMLHTTPRequest對象
function createXMLHTTPRequest(){
if(window.ActiveXObject){ // 判斷是否支持ActiveX控件
xmlhttp = new ActiveObject("Microsoft.XMLHTTP"); // IE瀏覽器支持的創(chuàng)建方式
}
else if(window.XMLHTTPRequest){ // 判斷是否把XMLHTTPRequest實現(xiàn)為一個本地javascript對象
xmlhttp = new XMLHTTPRequest(); // FireFox,Opera等瀏覽器支持的創(chuàng)建方式
}
}
</script>
3、屬性和方法
因為涉及的內(nèi)容很多，本人也是正在學習之中，所以也是參考人家的例子學習的，所以在此將別人好的東西粘貼上來 ，以便復習
復制代碼 代碼如下:
<html>
<head>
<title>XMLHTTPRequest對象的說明DEMO</title>
<script language="javascript" type="text/javascript">
<!--
var xmlhttp;
// 創(chuàng)建一個XMLHTTPRequest對象
function createXMLHTTPRequext(){
if(window.ActiveXObject) {
xmlhttp = new ActiveXObject('Microsoft.XMLHTTP');
}
else if(window.XMLHTTPRequest){
xmlhttp = new XMLHTTPRequest();
}
}
function PostOrder(xmldoc)
{
createXMLHTTPRequext();
// 方法：open
// 創(chuàng)建一個新的http請求，并指定此請求的方法、URL以及驗證信息
// 語法：oXMLHttpRequest.open(bstrMethod, bstrUrl, varAsync, bstrUser, bstrPassword);
// 參數(shù)
// bstrMethod
// http方法，例如：POST、GET、PUT及PROPFIND。大小寫不敏感。
// bstrUrl
// 請求的URL地址，可以為絕對地址也可以為相對地址。
// varAsync[可選]
// 布爾型，指定此請求是否為異步方式，默認為true。如果為真，當狀態(tài)改變時會調用onreadystatechange屬性指定的回調函數(shù)。
// bstrUser[可選]
// 如果服務器需要驗證，此處指定用戶名，如果未指定，當服務器需要驗證時，會彈出驗證窗口。
// bstrPassword[可選]
// 驗證信息中的密碼部分，如果用戶名為空，則此值將被忽略。
// 備注：調用此方法后，可以調用send方法向服務器發(fā)送數(shù)據(jù)。
xmlhttp.Open("get", "http://localhost/example.htm", false);
// var book = xmlhttp.responseXML.selectSingleNode("http://book[@id='bk101']");
// alert(book.xml);
// 屬性：onreadystatechange
// onreadystatechange：指定當readyState屬性改變時的事件處理句柄
// 語法：oXMLHttpRequest.onreadystatechange = funcMyHandler;
// 如下的例子演示當XMLHTTPRequest對象的readyState屬性改變時調用HandleStateChange函數(shù)，
// 當數(shù)據(jù)接收完畢后（readystate == 4）此頁面上的一個按鈕將被激活
// 備注：此屬性只寫，為W3C文檔對象模型的擴展.
xmlhttp.onreadystatechange= HandleStateChange;
// 方法：send
// 發(fā)送請求到http服務器并接收回應
// 語法：oXMLHttpRequest.send(varBody);
// 參數(shù)：varBody （欲通過此請求發(fā)送的數(shù)據(jù)。）
// 備注：此方法的同步或異步方式取決于open方法中的bAsync參數(shù)，如果bAsync == False，此方法將會等待請求完成或者超時時才會返回，如果bAsync == True，此方法將立即返回。
// This method takes one optional parameter, which is the requestBody to use. The acceptable VARIANT input types are BSTR, SAFEARRAY of UI1 (unsigned bytes), IDispatch to an XML Document Object Model (DOM) object, and IStream *. You can use only chunked encoding (for sending) when sending IStream * input types. The component automatically sets the Content-Length header for all but IStream * input types.
// 如果發(fā)送的數(shù)據(jù)為BSTR，則回應被編碼為utf-8, 必須在適當位置設置一個包含charset的文檔類型頭。
// If the input type is a SAFEARRAY of UI1, the response is sent as is without additional encoding. The caller must set a Content-Type header with the appropriate content type.
// 如果發(fā)送的數(shù)據(jù)為XML DOM object，則回應將被編碼為在xml文檔中聲明的編碼，如果在xml文檔中沒有聲明編碼，則使用默認的UTF-8。
// If the input type is an IStream *, the response is sent as is without additional encoding. The caller must set a Content-Type header with the appropriate content type.
xmlhttp.Send(xmldoc);
// 方法：getAllResponseHeaders
// 獲取響應的所有http頭
// 語法：strValue = oXMLHttpRequest.getAllResponseHeaders();
// 備注：每個http頭名稱和值用冒號分割，并以\r\n結束。當send方法完成后才可調用該方法。
alert(xmlhttp.getAllResponseHeaders());
// 方法：getResponseHeader
// 從響應信息中獲取指定的http頭
// 語法：strValue = oXMLHttpRequest.getResponseHeader(bstrHeader);
// 備注：當send方法成功后才可調用該方法。如果服務器返回的文檔類型為"text/xml", 則這句話
// xmlhttp.getResponseHeader("Content-Type");將返回字符串"text/xml"?？梢允褂胓etAllResponseHeaders方法獲取完整的http頭信息。
alert(xmlhttp.getResponseHeader("Content-Type")); // 輸出http頭中的Content-Type列：當前web服務器的版本及名稱。
document.frmTest.myButton.disabled = true;
// 方法：abort
// 取消當前請求
// 語法：oXMLHttpRequest.abort();
// 備注：調用此方法后，當前請求返回UNINITIALIZED 狀態(tài)。
// xmlhttp.abort();
// 方法：setRequestHeader
// 單獨指定請求的某個http頭
// 語法：oXMLHttpRequest.setRequestHeader(bstrHeader, bstrValue);
// 參數(shù)：bstrHeader（字符串，頭名稱。）
// bstrValue（字符串，值。）
// 備注：如果已經(jīng)存在已此名稱命名的http頭，則覆蓋之。此方法必須在open方法后調用。
// xmlhttp.setRequestHeader(bstrHeader, bstrValue);
}
function HandleStateChange()
{
// 屬性：readyState
// 返回XMLHTTP請求的當前狀態(tài)
// 語法：lValue = oXMLHttpRequest.readyState;
// 備注：變量，此屬性只讀，狀態(tài)用長度為4的整型表示.定義如下：
// 0 (未初始化) 對象已建立，但是尚未初始化（尚未調用open方法）
// 1 (初始化) 對象已建立，尚未調用send方法
// 2 (發(fā)送數(shù)據(jù)) send方法已調用，但是當前的狀態(tài)及http頭未知
// 3 (數(shù)據(jù)傳送中) 已接收部分數(shù)據(jù)，因為響應及http頭不全，這時通過responseBody和responseText獲取部分數(shù)據(jù)會出現(xiàn)錯誤，
// 4 (完成) 數(shù)據(jù)接收完畢,此時可以通過通過responseBody和responseText獲取完整的回應數(shù)據(jù)
if (xmlhttp.readyState == 4){
document.frmTest.myButton.disabled = false;
// 屬性：responseBody
// 返回某一格式的服務器響應數(shù)據(jù)
// 語法：strValue = oXMLHttpRequest.responseBody;
// 備注：變量，此屬性只讀，以unsigned array格式表示直接從服務器返回的未經(jīng)解碼的二進制數(shù)據(jù)。
alert(xmlhttp.responseBody);
// 屬性：responseStream
// 以Ado Stream對象的形式返回響應信息
// 語法：strValue = oXMLHttpRequest.responseStream;
// 備注：變量，此屬性只讀，以Ado Stream對象的形式返回響應信息。
alert(xmlhttp.responseStream);
// 屬性：responseText
// 將響應信息作為字符串返回
// 語法：strValue = oXMLHttpRequest.responseText;
// 備注：變量，此屬性只讀，將響應信息作為字符串返回。XMLHTTP嘗試將響應信息解碼為Unicode字符串，
// XMLHTTP默認將響應數(shù)據(jù)的編碼定為UTF-8，如果服務器返回的數(shù)據(jù)帶BOM(byte-order mark)，XMLHTTP可
// 以解碼任何UCS-2 (big or little endian)或者UCS-4 數(shù)據(jù)。注意，如果服務器返回的是xml文檔，此屬
// 性并不處理xml文檔中的編碼聲明。你需要使用responseXML來處理。
alert(xmlhttp.responseText);
// 屬性：responseXML
// 將響應信息格式化為Xml Document對象并返回
// 語法：var objDispatch = oXMLHttpRequest.responseXML;
// 備注：變量，此屬性只讀，將響應信息格式化為Xml Document對象并返回。如果響應數(shù)據(jù)不是有效的XML文檔，
// 此屬性本身不返回XMLDOMParseError，可以通過處理過的DOMDocument對象獲取錯誤信息。
alert("Result = " + xmlhttp.responseXML.xml);
// 屬性：status
// 返回當前請求的http狀態(tài)碼
// 語法：lValue = oXMLHttpRequest.status;
// 返回值：長整形標準http狀態(tài)碼，定義如下：
// Number:Description
// 100:Continue
// 101:Switching protocols
// 200:OK
// 201:Created
// 202:Accepted
// 203:Non-Authoritative Information
// 204:No Content
// 205:Reset Content
// 206:Partial Content
// 300:Multiple Choices
// 301:Moved Permanently
// 302:Found
// 303:See Other
// 304:Not Modified
// 305:Use Proxy
// 307:Temporary Redirect
// 400:Bad Request
// 401:Unauthorized
// 402:Payment Required
// 403:Forbidden
// 404:Not Found
// 405:Method Not Allowed
// 406:Not Acceptable
// 407:Proxy Authentication Required
// 408:Request Timeout
// 409:Conflict
// 410:Gone
// 411:Length Required
// 412:Precondition Failed
// 413:Request Entity Too Large
// 414:Request-URI Too Long
// 415:Unsupported Media Type
// 416:Requested Range Not Suitable
// 417:Expectation Failed
// 500:Internal Server Error
// 501:Not Implemented
// 502:Bad Gateway
// 503:Service Unavailable
// 504:Gateway Timeout
// 505:HTTP Version Not Supported
// 備注：長整形，此屬性只讀，返回當前請求的http狀態(tài)碼,此屬性僅當數(shù)據(jù)發(fā)送并接收完畢后才可獲取。
alert(xmlhttp.status);
// 屬性：statusText
// 返回當前請求的響應行狀態(tài)
// 語法：strValue = oXMLHttpRequest.statusText;
// 備注：字符串，此屬性只讀，以BSTR返回當前請求的響應行狀態(tài),此屬性僅當數(shù)據(jù)發(fā)送并接收完畢后才可獲取。
alert(xmlhttp.statusText);
}
}
//-->
</script>
</head>
<body>
<form name="frmTest">
<input name="myButton" type="button" value="Click Me" onclick="PostOrder('http://localhost/example.htm');">
</form>
</body>
</html>
一個比較詳細說明XMLHttpRequest的網(wǎng)址
您可能感興趣的文章:
- jQuery 利用$.ajax 時獲取原生XMLHttpRequest 對象的方法
- AJAX XMLHttpRequest對象詳解
- 解析ajax核心XMLHTTPRequest對象的創(chuàng)建與瀏覽器的兼容問題
- 如何用ajax來創(chuàng)建一個XMLHttpRequest對象
- jquery ajax學習筆記2 使用XMLHttpRequest對象的responseXML
- AJAX中同時發(fā)送多個請求XMLHttpRequest對象處理方法
- AJAX客戶端說明，XMLHttpRequest對象
- ajax 入門基礎之 XMLHttpRequest對象總結
- AJAX XMLHttpRequest對象創(chuàng)建使用詳解
相關文章
這篇文章主要介紹了ajax異步傳值及后端接收參數(shù)的多種方式小結,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友參考下吧2023-11-11
在網(wǎng)上Google了很多次,能找到用rails制作rss,但是總是找不到完整的。今天把完整的過程抄錄在這里2008-09-09
Ajax疊加(Ajax返回數(shù)據(jù)用Ajax發(fā)出)示例代碼
把參數(shù)用Ajax發(fā)送到數(shù)據(jù)庫進行查詢?nèi)缓笥肁jax將數(shù)據(jù)發(fā)送到數(shù)據(jù)庫簽到表，于是有了下面的代碼，感興趣的朋友可以了解下，希望對大家學習ajax有所幫助2013-08-08
AJAX和DOM的運行經(jīng)驗...2007-03-03
本文給大家介紹ajax的三種實現(xiàn)及json解析的相關資料，對本文感興趣的朋友參考下2015-12-12
這篇文章主要介紹了雙層ajax嵌套（可多層）用法,實例分析了Ajax嵌套的相關使用技巧,可實現(xiàn)多層嵌套的功能,具有一定參考借鑒價值,需要的朋友可以參考下2015-07-07
在web頁面中使用ajax加載進度條，可以讓用戶預先判斷等待的時間，而且還可以減少用戶等待信息加載過程中的心理焦慮感，所以進度條加載必不可少，下面小編給大家介紹ajax加載進度條代碼是如何實現(xiàn)的2015-10-10
原生ajax和iframe框架實現(xiàn)圖片文件上傳的兩種方式
這篇文章主要為大家詳細介紹了原生ajax和iframe框架實現(xiàn)圖片文件上傳的兩種方式，感興趣的小伙伴們可以參考一下2016-04-04
無刷新登錄大家也許沒寫過，但是一定都是聽說過的，很早以前就想用這個小技術在自己做的小項目中用一把了，但都沒有付出過實踐，在網(wǎng)上查也沒有查到具體完整的代碼，在這里，今天菜鳥蔡也來試了一把，獻丑了，希望對初學的童鞋有點幫助2012-11-11
本篇文章主要介紹了前端ajax的各種與后端交互的相關知識，具有很好的參考價值。下面跟著小編一起來看下吧2017-05-05