开发Ajax程序步骤

最新推荐文章于 2021-08-06 16:40:50 发布

sn_explore6688

最新推荐文章于 2021-08-06 16:40:50 发布

阅读量721

点赞数

分类专栏： web前端文章标签： ajax

本文链接：https://blog.csdn.net/forward2014/article/details/8739831

版权

web前端专栏收录该内容

3 篇文章 0 订阅

订阅专栏

step1，创建XMLHttpRequest对象

在页面创建js脚本

<script type="text/javascript">
        function createXMLHttpRequest() {
            if (window.ActiveXObject) {
                return new XMLHttpRequest("Microsoft.XMLHTTP");
            }
            else {
                return new XMLHttpRequest();
            }
        }
    </script>

step2，编写客户端响应函数

如：<input id="userName" runat="server" οnblur="checkUserName" type="text" />

 var xmlHttpRequest;
        function checkUserName() {
            var userName = document.getElementById("userName").value;
            var url = "UserHttpHandle.aspx?UserName=" + userName;
            //1、创建XMLHttpRequest
            xmlHttpRequest = createXMLHttpRequest();
            //2、设置回调函数
            xmlHttpRequest.onreadystatechange = readyDO;
            //3、出初始化XMLHttpRequest
            xmlHttpRequest.open("GET", url, true);
            //4、发送请求
            xmlHttpRequest.send();
        }

step3，编写服务器端代码

step4，编写回调函数

function readyDo() {
            if (xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200) {
                var result = xmlHttpRequest.responseText;
                if (result == "true") {

                } else {

                }
            }
        }

XMLHttpRequest状态属性