Ajax

Ajax

异步javascrip 和xml

实现方式：

​ jQuery的ajax方式

原生实现：

四个步骤：

1.创建XmlHttpRequest对象

var xmlHttpRequest = new XMLHttpRequest();

var value = document.getElementById("name").value;

2.使用XmlHTttpRequest对象的open（method, url， asyn）方法
method：代表请求方式
url代表要给后端发送什么样请求
asyn是否以异步的方式执行

xmlHttpRequest.open("GET", "LoginServlet?name=" + value, true);

3.使用XmlHttpRequest对象的send（）方法来发送请求

xmlHttpRequest.send();

4.使用XmlHttpRequest对象的onreadystatechange时间来执行后期的回调

xmlHttpRequest.onreadystatechange = function () {

        if (xmlHttpRequest.readyState == 4 && xmlHttpRequest.status == 200) {
            
                    // alert(xmlHttpRequest.responseText);
                    var span = document.getElementById("span");

                    if (xmlHttpRequest.responseText == "1") {
                        // alert("用户名已存在");
                        /*
                        xmlHttpRequest的responseText可以获取后端发送的字符串
						xmlHttpRequest的responseXML可以获取后端发送回的xml格式的数据
                        */
                        span.innerText = "用户名已存在";
                    } else if (xmlHttpRequest.responseText == "0") {
                        // alert("用户名可用");
                        span.innerText = "用户名可用";
                    }
                }
}