ajax学习笔记：原生态js创建

<script type="text/javascript">
            var xhr;  //定义XMLHttpRequest变量
            //定义一个创建XMLHttpRequest的函数
            function createXHR() {
            //判断浏览器是ie or 其他
                if(window.ActiveXObject) {
                //ie的ajax对象的创建
                    return new ActiveXObject("Microsoft.XMLHTTP");
                } else if(window.XMLHttpRequest) {
                    return new XMLHttpRequest();
                }
            }

            function checkName() {
                var uname = document.getElementById("uname").value;
                if(uname.length > 3) {
                    document.getElementById("nameerror").innerHTML = "";
                    //1. 定义请求路径,并传递请求数据
                    var url = "/ServletAction?uname=" + uname;
                    // 2. 创建XMLHttpRequest组件
                    xhr = createXHR();
                    // 3. 设置回调函数
                    xhr.onreadystatechange = callback;
                    // 4. 初始化XMLHttpRequest组件： open()方法
                    xhr.open("get", url, true);
                    xhr.send(null);
                } else {
                    document.getElementById("nameerror").innerHTML = "注册名 必须大于 2个字符";
                }
            }

            function callback() {
                if(xhr.status == 200 && xhr.readyState == 4) {
                    //（5）。responseText属性：
                    var text = xhr.responseText;
                    if(text == "exist") {
                        document.getElementById("nameerror").innerHTML = "该帐户已注册！";
                    } else {
                        document.getElementById("nameerror").innerHTML = "可以注册";
                    }
                }
            }
</script>