色婷婷亚洲婷婷,亚洲国产精品字幕,欧美韩日亚洲

主頁(yè) > 知識(shí)庫(kù) > AJAX客戶端說(shuō)明，XMLHttpRequest對(duì)象

AJAX客戶端說(shuō)明，XMLHttpRequest對(duì)象

在CommunityServer中運(yùn)用了自己的AJAX機(jī)制，沒(méi)有借助其他的輔助控件。其中客戶的XMLHttpRequest對(duì)象的封裝，就足以讓人大飽眼福，在一般的瀏覽器其都能夠運(yùn)行AJAX。下面我們來(lái)學(xué)習(xí)學(xué)習(xí)這個(gè)咚咚，希望能給更多的人帶來(lái)幫助。

首先當(dāng)然是要了解一下瀏覽器中的XMLHttp對(duì)象了：

XMLHTTP方法：
         備注：客戶機(jī)可以使用XMLHTTP對(duì)象發(fā)送任意的HTTP請(qǐng)求,接受HTTP應(yīng)答,還可以對(duì)應(yīng)答的XML文檔進(jìn)行解析。

         Open方法：初始化一個(gè)Msxml2.XMLHTTP請(qǐng)求，指定HTTP請(qǐng)求方式、URL以及鑒定信息。

        語(yǔ)法：
         Open（ bstrMethod, bstrUrl, varAsync, bstrUser, bstrPassword ）

        參數(shù)介紹：

        bstrMethod：數(shù)據(jù)傳送方式，即GET或POST。
         bstrUrl：服務(wù)網(wǎng)頁(yè)的URL。
         varAsync：是否同步執(zhí)行。缺省為T(mén)rue，即同步執(zhí)行，但只能在DOM中實(shí)施同步執(zhí)行。用中一般將其置為False，即異步執(zhí)行。
         bstrUser：用戶名，可省略。
         bstrPassword：用戶口令，可省略。

        Send方法：發(fā)送HTTP請(qǐng)求到服務(wù)器，返回應(yīng)答。

        語(yǔ)法：
        oXMLHttpRequest.send(varBody)

       說(shuō)明：此方法是否同步取決于Open方法的varAsync參數(shù)。如果設(shè)為T(mén)rue則為同步，調(diào)用立刻返回，如果設(shè)為False調(diào)用直到整個(gè)應(yīng)答被接收了才返回。

        setRequestHeader（ bstrHeader, bstrvalue ）

        bstrHeader：HTTP 頭(header)
        bstrvalue： HTTP 頭(header)的值

       如果Open方法定義為POST，可以定義表單方式上傳：
       xmlhttp.setRequestHeader（ "Content-Type", "application/x-www-form-urlencoded"）

XMLHTTP屬性：

onreadystatechange：在同步執(zhí)行方式下獲得返回結(jié)果的事件句柄。只能在DOM中調(diào)用。
responseBody：結(jié)果返回為無(wú)符號(hào)整數(shù)數(shù)組。
responseStream：結(jié)果返回為IStream流。
responseText ：結(jié)果返回為字符串。
responseXML：結(jié)果返回為XML格式數(shù)據(jù)。

運(yùn)用這個(gè)原理也可以做網(wǎng)絡(luò)小偷程序，網(wǎng)絡(luò)爬蟲(chóng)應(yīng)該就是應(yīng)用這個(gè)東西來(lái)完成的吧，不過(guò)我沒(méi)有做過(guò)，可能在不久的將來(lái)會(huì)制作個(gè)來(lái)玩玩，這里我們最主要的是看看CS中是如何封裝他的：

   1//Ajax Start
2/**////summary>
3///創(chuàng)建回調(diào)對(duì)象，如果存在window.XMLHttpRequest()對(duì)象,則返回此對(duì)象，如果是IE則搜索Msxml2.XMLHTTP各個(gè)版本及Microsoft.XMLHTTP并創(chuàng)建對(duì)象返回。
4////summary>
5function Ajax_GetXMLHttpRequest() {
6    if (window.XMLHttpRequest) {
7        return new XMLHttpRequest();
8    } else {
9        if (window.Ajax_XMLHttpRequestProgID) {
            return new ActiveXObject(window.Ajax_XMLHttpRequestProgID);
        } else {
            var progIDs = ["Msxml2.XMLHTTP.5.0", "Msxml2.XMLHTTP.4.0", "MSXML2.XMLHTTP.3.0", "MSXML2.XMLHTTP", "Microsoft.XMLHTTP"];
            for (var i = 0; i  progIDs.length; ++i) {
                var progID = progIDs[i];
                try {
                    var x = new ActiveXObject(progID);
                    window.Ajax_XMLHttpRequestProgID = progID;
                    return x;
                } catch (e) {
                }
            }
        }
    }
    return null;
}
/**////summary>
///Ajax回調(diào)。
////summary>
///param name="type">調(diào)用服務(wù)端函數(shù)所在的類包括命名空間(如：NExplus.Controls.SiteHeader)。/param>
///param name="id">客戶端所對(duì)應(yīng)的標(biāo)記的ID(如：div id="ID">/div>)。/param>
///param name="method">服務(wù)端(方法)函數(shù)名稱(被AjaxMethod標(biāo)記)。/param>
///param name="args">傳到服務(wù)器的字符串。/param>
///param name="clientCallBack">同步或異步回調(diào)。/param>
///param name="debugRequestText">調(diào)試/請(qǐng)求字符串。/param>
///param name="debugResponseText">調(diào)試/輸出字符串。/param>
///param name="debugErrors">調(diào)試的錯(cuò)誤信息。/param>
///param name="includeControlValuesWithCallBack">是否和控件及其值一起回調(diào)。/param>
///param name="url">Url地址。/param>
function Ajax_CallBack(type, id, method, args, clientCallBack, debugRequestText, debugResponseText, debugErrors, includeControlValuesWithCallBack, url) {

    if (!url)
    {
        url = window.location.href;
        url = url.replace(/\#.*$/, '');//去除URL中標(biāo)簽部分，即"#"之后的字符串。
        //加入?yún)?shù)Ajax_CallBack并設(shè)為true,說(shuō)明是AJAX回調(diào)。
        if (url.indexOf('?') > -1)
            url += "Ajax_CallBack=true";
        else
        {
            if (url.substr(url.length - 1, 1) == "/")
                url += "default.aspx";

            url += "?Ajax_CallBack=true";
        }
    }

    var x = Ajax_GetXMLHttpRequest();//取得XMLHttpRequest對(duì)象。
    var result = null;
    if (!x) {
        result = { "value":null, "error": "NOXMLHTTP"};
        if (debugErrors) {
            alert("error: " + result.error);
        }
        if (clientCallBack) {
            clientCallBack(result);
        }
        return result;
    }

    x.open("POST", url, clientCallBack ? true : false);//以Post方式打開(kāi)對(duì)象，這樣在服務(wù)端就可以用Request.Form獲取參數(shù)。
    x.setRequestHeader("Content-Type", "application/x-www-form-urlencoded; charset=utf-8");
    if (clientCallBack) {
        //如果同步，判斷狀態(tài)，輸出錯(cuò)誤消息。
        x.onreadystatechange = function() {
            var result = null;

            if (x.readyState != 4) {
                return;
            }

            if (debugResponseText) {
                alert(x.responseText);
            }

            try
            {
                var result = eval("(" + x.responseText + ")");
                if (debugErrors  result.error) {
                    alert("error: " + result.error);
                }
            }
            catch (err)
            {
                if (window.confirm('The following error occured while processing an AJAX request: ' + err.message + '\n\nWould you like to see the response?'))
                {
                    var w = window.open();
                    w.document.open('text/plain');
                    w.document.write(x.responseText);
                   w.document.close();
               }

               result = new Object();
               result.error = 'An AJAX error occured.  The response is invalid.';
           }

           clientCallBack(result);
       }
   }
   var encodedData = "Ajax_CallBackType=" + type;
   if (id) {
       encodedData += "Ajax_CallBackID=" + id.split("$").join(":");
   }
   encodedData += "Ajax_CallBackMethod=" + method;
   if (args) {
       for (var i in args) {
           encodedData += "Ajax_CallBackArgument" + i + "=" + encodeURIComponent(args[i]);
       }
   }
   //如果加入控件，則加入控件數(shù)據(jù)。
   if (includeControlValuesWithCallBack  document.forms.length > 0) {
       var form = document.forms[0];
       for (var i = 0; i  form.length; ++i) {
           var element = form.elements[i];
           if (element.name) {
               var elementValue = null;
               if (element.nodeName == "INPUT") {
                   var inputType = element.getAttribute("TYPE").toUpperCase();
                   if (inputType == "TEXT" || inputType == "PASSWORD" || inputType == "HIDDEN") {
                       elementValue = element.value;
                   } else if (inputType == "CHECKBOX" || inputType == "RADIO") {
                       if (element.checked) {
                           elementValue = element.value;
                       }
                   }
               } else if (element.nodeName == "SELECT") {
                   elementValue = element.value;
               } else if (element.nodeName == "TEXTAREA") {
                   elementValue = element.value;
               }
               if (elementValue) {
                   encodedData += "" + element.name + "=" + encodeURIComponent(elementValue);
               }
           }
       }
   }
   //如果是調(diào)試，則彈出發(fā)送的數(shù)據(jù)。
   if (debugRequestText) {
       alert(encodedData);
   }
   x.send(encodedData);//向服務(wù)器發(fā)送數(shù)據(jù)。
   if (!clientCallBack) {
       if (debugResponseText) {
           alert(x.responseText);
       }
       result = eval("(" + x.responseText + ")");
       if (debugErrors  result.error) {
           alert("error: " + result.error);
       }
   }
   delete x;
   return result;
}

//Ajax End
其他的不用多說(shuō)明了，看注釋?xiě)?yīng)該就差不多了，如果有不對(duì)的地方請(qǐng)批評(píng)指教，謝謝！

您可能感興趣的文章:

jQuery 利用$.ajax 時(shí)獲取原生XMLHttpRequest 對(duì)象的方法
AJAX XMLHttpRequest對(duì)象詳解
解析ajax核心XMLHTTPRequest對(duì)象的創(chuàng)建與瀏覽器的兼容問(wèn)題
如何用ajax來(lái)創(chuàng)建一個(gè)XMLHttpRequest對(duì)象
jquery ajax學(xué)習(xí)筆記2 使用XMLHttpRequest對(duì)象的responseXML
AJAX中同時(shí)發(fā)送多個(gè)請(qǐng)求XMLHttpRequest對(duì)象處理方法
AJax 學(xué)習(xí)筆記一(XMLHTTPRequest對(duì)象)
ajax 入門(mén)基礎(chǔ)之 XMLHttpRequest對(duì)象總結(jié)
AJAX XMLHttpRequest對(duì)象創(chuàng)建使用詳解

標(biāo)簽：深圳崇左晉城銅川西藏伊春威海撫州

巨人網(wǎng)絡(luò)通訊聲明：本文標(biāo)題《AJAX客戶端說(shuō)明，XMLHttpRequest對(duì)象》，本文關(guān)鍵詞 AJAX,客戶端,說(shuō)明,XMLHttpRequest,；如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問(wèn)題，煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們，我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò)，涉及言論、版權(quán)與本站無(wú)關(guān)。

校园春色亚洲色图_亚洲视频分类_中文字幕精品一区二区精品_麻豆一区区三区四区产品精品蜜桃

AJAX客戶端說(shuō)明，XMLHttpRequest對(duì)象

AJAX客戶端說(shuō)明，XMLHttpRequest對(duì)象