用jquery判断用户名唯一，用ajax技术实现？

请教怎么样用js判断用户名唯一，用ajax技术实现？
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
<HTML>
 <HEAD>
  <TITLE> New Document </TITLE>
  <META NAME="Generator" CONTENT="EditPlus">
  <META NAME="Author" CONTENT="">
  <META NAME="Keywords" CONTENT="">
  <META NAME="Description" CONTENT="">
<script language="javascript">
<!--
function check()
{ 
var  username=$("#username").val();
if (username== "") { 
alert("请输入您姓名!");
$("#username").focus();
return false;
}
return true;
}
-->
</script> </HEAD> <BODY>
<form name="form" onsubmit="return check()">
<table >
<tr>
<td>username：<input type="text" name=username id="username"></td>
</tr>
<tr>
<td><input type="submit" value="提交"></td>
</tr>
</table>
 </BODY>
</HTML>

解决方案 »

  1.   

    var url = "你自己的后台服务url"
    var param = "username=" +$("#username").val();
    $.ajax({
    async:false,
    cache:false,
    type: "GET",
    url: url,
    data: param,
    success: function(msg){
        你后台返回的值来判断
    }
    });
      

  2.   

    把文本值传给后台服务器servlet
    如果你用了struts的话也可以传个action
    如:
    传给servlet
    $.post("userServlet?username="+username,null,callback);
    传给action
    $.post("user.do?username="+username,null,callback);
    回调函数:
    function callback(date){
       if(date=="1"){
          alert("该用户名用户名");
       }
       if(date=="2"){
         //这里可以写你在页面中希望看到的效果
       }
    }
    服务器接收参数处理:
    String username=request.getParameter("username").trim();然后和数据库中的数据进行比对
    完成返回
    if(存在){
    out.println("1");
    }else{
    out.println("2");
    }
      

  3.   

    不用ajax也可以吧，这个都无所谓，重要的是你想怎么搞，达到你的目标就行。
    就是一个表单数据获取(jquery实现），与数据库比对返回个值。
      

  4.   


    $().ready(function(){
        checkConfirm();
    });
    //验证年级是否重复
    function checkConfirm(){  $("#userName").blur(function(){
      var gradename  = $(this).val();
      alert(gradename);
    //  var changeUrl = "GradeAdmin.php?action=check&gradename="+gradename;
        var changeUrl = "/codeIgniter/index.php/Index_ci/checkName/"+gradename;
      $.get(changeUrl,function(str){
      alert(str);
       if(str == '1'){
    $("#n").html("<font color=\"red\">您输入的用户名存在！请重新输入！</font>");
       }else {
    $("#n").html("");
       }
     });
      return false;
     });
    }用这个JQUERY写的 ，试试感觉还错