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 = "用户名可用";
}
}
}