Ajax的基本语法

最新推荐文章于 2021-10-27 21:59:13 发布

weixin_34396902

最新推荐文章于 2021-10-27 21:59:13 发布

阅读量98

点赞数

CC 4.0 BY-SA版权

原文链接：http://www.cnblogs.com/cl1006/p/4105179.html

//声明XMLHttpRequest　　

        var xmlHttp = null;
// 创建XMLHttpRequest对象兼容所有浏览器
        function createXMLHttpRequest() {
            // 已创建XMLHttpRequest对象，直接返回
            if (xmlHttp != null)
                return;
            // 检测浏览器针对(FireFox、Chrome、Safari、Opera与IE7+)是否支持直接创建XMLHttpRequest
            if (window.XMLHttpRequest) {
                xmlHttp = new XMLHttpRequest();
                // 检测否是IE浏览器
            } else if (window.ActiveXObject) {
                try {
                    // IE6
                    xmlHttp = new ActiveXObject("Msxml2.XMLHTTP");
                } catch (e) {
                    // IE5
                    xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
                }
            }
        }

//发送请求
        function sendRequest() {
            // 创建异步发送请求对象
            createXMLHttpRequest();
            //非0、非null、true表示真
            if (!xmlHttp) {
                alert("XMLHttpRequest对象创建失败!!");
                return;
            }

            //获取文本框的文本信息
            var message = document.getElementById("<%=this.txtName.ClientID %>").value;

            /*GET方式发送请求
            //初始化请求
            xmlHttp.open("GET", "Default.aspx?txtName=" + message, true);
            //设置回调函数
            xmlHttp.onreadystatechange=showMessage;
            xmlHttp.send(null);*/

            //POST方式发送请求参数一为请求的方式参数二处理程序参数三是否异步
            xmlHttp.open("POST", "GetMessage.ashx", true);
            xmlHttp.onreadystatechange = showMessage;/设置回掉函数
            xmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");//设置编码
            xmlHttp.send("txtName=" + message);
        }

　　//回调函数
        function showMessage() {
            //判断就绪状态和响应状态码是否符合要求
            if (xmlHttp.readyState == 4 && xmlHttp.status == 200) {
                var result = xmlHttp.responseText; //接收服务器响应的文本
                document.getElementById("showDiv").innerHTML = result;
            }
        }

-----------------------------------

转载于:https://www.cnblogs.com/cl1006/p/4105179.html