简单的登陆确认有无此用户的ajax代码

页面代码：（注：此ajax是使用jquery做成，需要导入jquery的jar包）

<script type="text/javascript" src="js/jquery-1.8.3.js"></script>

<script type="text/javascript">
$(function(){
$("#name").blur(function(){
$.get("grade/Single", { name: $(this).val()},
function(msg){
if(msg=="1"){
$("#s").html("年级名称已存在").css("color","red");
 }else{
$("#s").html("可添加此年级名称").css("color","green");
     }
 });
});
});

</script>

控制器或者servlet代码：

Grade grade = service.findByName(name);
if(grade != null) {
response.getWriter().write("1");
}else {
response.getWriter().write("0");
}
}

以下是原生代码：（使用js小脚本做成）

<script type="text/javascript">

var xhr;
//创建XMLHttpRequest对象函数
function getXMLHttpResquest(){
if(window.XMLHttpRequest){
      return  new XMLHttpRequest();
}
}
//文本失去集点事件
function userValidate(textName){
xhr = getXMLHttpResquest();
var userName = textName.value;
xhr.open("POST","AdminSer?name="+userName,true);
    xhr.onreadystatechange=resultData;
xhr.send("");
}

//回调函数
function resultData(){
var span = document.getElementById("s");
if(xhr.readyState == 4){
if(xhr.status == 200){
if(xhr.responseText == "1"){
span.style.color="green";
span.innerHTML="用户名正确";
}else{
    span.style.color="red";
    span.innerHTML="用户名错误";
}
}
}
}
</script>

控制器或servlet代码：

             String name = request.getParameter("name");
AdminService service = new AdminService();
Admin admin = service.findByLoginId(name);

if(admin != null) {
response.getWriter().write("1");
}else {
response.getWriter().write("0");
}