//1.创建XMLHttpRequest对象
if (window.XMLHttpRequest) {//返回值为true时说明是新版本IE或其他浏览器
xmlHttpRequest = new XMLHttpRequest();
} else {
//返回值为false时说明是老版本IE浏览器(IE5和IE6)
xmlHttpRequest =new ActiveXObject("Microsoft.XMLHTTP");
}
//2.设置回调函数
xmlHttpRequest.onreadystatechange = callBack;
//3.初始化XMLHttpRequest组件
var url = "" ;//服务器端URL地址,name为用户名文本框获取的值
xmlHttpRequest.open("GET", url, true);
//4.发送请求
xmlHttpRequest.send(null);
/* 使用POST方式发送请求
var url = "";//服务器端URL地址
xmlHttpRequest.open("POST", url, true);
xmlHttpRequest.setRequestHeader("Content-Type",
"application/x-www-form-urlencoded");
var data = "";//需要发送的数据信息
xmlHttpRequest.send(data);
*/
//Ajax 回调函数
function callBack() {
if (xmlHttpRequest.readyState == 4
&& xmlHttpRequest.status == 200) {
var data = xmlHttpRequest.responseText;
if (data == "true") {
$("#nameDiv").html("用户名已被使用!");
} else {
$("#nameDiv").html("用户名可以使用!");
}
}
}//end of callBack()
}
使用XMLHttpRequest实现ajax
最新推荐文章于 2024-07-09 15:51:39 发布