xmlhttp对象的简单封装
发布日期:2022-02-05 18:27:41 浏览次数:5 分类:技术文章

本文共 1886 字,大约阅读时间需要 6 分钟。

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","=" + 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 />
            &nbsp;<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" οnclick="getStr()" />
        </div>
</body>
</html> 

 

转载地址:https://blog.csdn.net/lisong58420/article/details/2304115 如侵犯您的版权,请留言回复原文章的地址,我们会给您删除此文章,给您带来不便请您谅解!

上一篇:c#.net多线程编程教学——线程同步
下一篇:sql百万级数据通用分页类asp.net版

发表评论

最新留言

路过按个爪印,很不错,赞一个!
[***.191.171.7]2022年08月18日 06时57分31秒

关于作者

    喝酒易醉,品茶养心,人生如梦,品茶悟道,何以解忧?唯有杜康!
-- 愿君每日到此一游!

最新文章