网页使用ajax判断,使用Ajax动态判断用户名是否存在。

简介ajax:

AJAX 最大的优点是在不重新加载整个页面的情况下，可以与服务器交换数据并更新部分网页内容。

return true;

} else {

document.getElementById("refont").innerHTML = "两次密码输入不一致";

return false;

}

}

//使用ajax进行操作

function getXMLHttpRequest() {

var xmlhttp;

if (window.XMLHttpRequest) {

xmlhttp = new XMLHttpRequest();

} else {

xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");

}

return xmlhttp;

}

function onusernamechange() {

//ajax的逻辑

var xmlhttp=getXMLHttpRequest();

xmlhttp.onreadystatechange=function(){

if(xmlhttp.readyState==4&&xmlhttp.status==200){

//从服务器获得的数据

var result=xmlhttp.responseText;

var usernamefont=document.getElementById("usernamefont");

if("1"==result){

//更新局部网页

usernamefont.color="red";

usernamefont.innerHTML="用户名已经存在";

}else{

usernamefont.color="green";

usernamefont.innerHTML="恭喜可用";

}

}

};

var url="${pageContext.request.contextPath}/servlet/CheckUserName?username="+document.getElementById("username").value;

xmlhttp.open("get",url);

xmlhttp.send();

}

用户名：

id="usernamefont" color="red">

密码：

id="password" type="password" name="password" />
重复密码：

id="repassword" type="password" name="repassword" />

id="refont" color="red">

头像：

name="icon" />

οnclick="return myfunction();" />