xmlhttp對象的簡單封裝

最後更新：2018-12-04 來源：互聯網

上載者：User

創建阿里雲帳戶，並獲得超過 40 款產品的免費試用版；而企業帳戶則可以享有總值 $1200 的免費試用版。立即註冊！

xmlhttp對象好用，但是一個頁面如果有很多次調用的話，寫起來也很麻煩，所以，這裡簡單封裝了一下，可以作為對象來調用
ajax.js:
function ajaxsz() {
    var xmlHttp;
    if(window.XMLHttpRequest) {
     xmlHttp = new XMLHttpRequest();
}
else if(window.ActiveXObject) {
  xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    this.rep = xmlHttp;
    this.sendData = function(method,URL,asy,fun) {
        if (asy)//非同步
        {
            xmlHttp.onreadystatechange = function(){//此處檢測狀態，知道符合要求時，才會執行事件
             if(xmlHttp.readyState==4 && xmlHttp.status == 200){
        fun(xmlHttp);
             }
          }
            if(method == "POST") {
                xmlHttp.open("POST",URL,true);
                xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
                xmlHttp.send(null);
            }
            else {
                 xmlHttp.open("GET",url,true);
                 xmlHttp.send(null);
            }
        }
        else {
            if(method == "POST") {
                xmlHttp.open("POST",URL,false);
                xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded");
                xmlHttp.send(null);
            }
            else {
                xmlHttp.open("GET",url,false);
                xmlHttp.send(null);
            }
            return xmlHttp.responseText;
        }
    }
}

伺服器端簡單處理：
        protected void Page_Load(object sender, EventArgs e)
        {
            if (!string.IsNullOrEmpty(Request["UserName"]))
            {
                Response.Write("您好!" + Request["UserName"]);
            }
            else
            {
                Response.Write("您好!");
            }
        }

調用頁面:
<html>
<head>
    <title>Ajax測試頁</title>
    <script type="text/javascript" src="js/ajax.js" language="javascript"></script>
    <script language="javascript" type="text/javascript">
    function getStr(){
        var userName = document.getElementById("Text1").value;
        var myajax = new ajaxsz();
        myajax.sendData("POST","http://localhost:5964/GetData/GetString.aspx?UserName=" + userName,true,aa);
    }
    function aa(xmlhttp)
    {
        document.getElementById("mystr").innerHTML = xmlhttp.responseText;
    }
    </script>
</head>
<body style="font-size: 14px" text="#6600ff">
        <div style="margin:0px auto">
            返回字串<br />
             <br />
            <div id="mystr" style="width: 121px; height: 34px">
            </div>
            輸入您的姓名<input id="Text1" style="width: 125px" type="text" />
            <input id="Button1" type="button" value="GetString" onclick="getStr()" />
        </div>
</body>
</html>

本文章原先以中文撰寫並發佈於 aliyun.com，亦設英文版本，僅作資訊用途。本網站不對文章的準確性，完整性或可靠性或其任何翻譯作出任何明示或暗示的陳述或保證。如對該文章有任何疑慮或投訴，請傳送電郵至 info-contact@alibabacloud.com 並提供相關疑慮或投訴的詳細說明。職員會於 5 個工作天內與您聯絡，一經驗證之後，即會刪除該侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

Get Started for Free

Sales Support

1 on 1 presale consultation

Chat Contact Sales
After-Sales Support

24/7 Technical Support 6 Free Tickets per Quarter Faster Response

Open a Ticket
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.

Learn More

xmlhttp對象的簡單封裝

聯繫我們

A Free Trial That Lets You Build Big!

Sales Support

After-Sales Support