开发Ajax程序步骤

前端之家收集整理的这篇文章主要介绍了开发Ajax程序步骤前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

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" onblur="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状态属性

猜你在找的Ajax相关文章