var xhr
//得到ajax对象
function getXMLHttpRequest() {
if (window.getXMLHttpRequest) {
return new XMLHttpRequest();
}
}
//绑定事件触发的函数
function validate(nameNode) {
xhr = getXMLHttpRequest();
var name = nameNode.value;
xhr.open("post","adminSer?name="+name,true);
xhr.onreadystatechange=resultData;
xhr.send("");
}
//回调函数
function resultData(){
var span = document.getElementById("validate");
if (xhr.readyState==4) {
if(xhr.status==200){
if(xhr.responseText=="1"){
span.style.color="green";
span.innerHTML="用戶名正確";
}else if(xhr.responseText=="2"){
span.style.color="red";
span.innerHTML="用戶名錯誤";
}
}
}
}
//另一种简化方式
function choseDistrict(obj) {
//1.创建ajax引擎对象
var xmlhttp = new XMLHttpRequest();
//2.绑定监听
xmlhttp.onreadystatechange=function(){
//5.接收响应数据
if(xmlhttp.readyState==4&&xmlhttp.status==200){
var json = JSON.parse(xmlhttp.responseText);
var $str = $("#street");
$str.length=1;
for(var i=0;i<json.length;i++){
$str.append("<option value="+json[i].id+">"+json[i].name+"</option>");
}
}
}
//3.绑定地址
xmlhttp.open("get","${pageContext.request.contextPath}/streetSer?tag=ajax&&dis="+obj.value,true);
//4.发送请求
xmlhttp.send();
}
原生AJAX
最新推荐文章于 2024-08-15 22:10:13 发布