Ajax技术--检查用户名是否唯一（$.get(url,data,success())）

浅浅的花香味﹌ 2024-02-17 23:42 17阅读 0赞

index.jsp页面：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <html>
      <head>
        
        <title>My JSP 'index.jsp' starting page</title>
    	<meta http-equiv="pragma" content="no-cache">
    	<meta http-equiv="cache-control" content="no-cache">
    	<meta http-equiv="expires" content="0">    
    	<meta http-equiv="keywords" content="keyword1,keyword2,keyword3">
    	<meta http-equiv="description" content="This is my page">
    	
    	
    	<style>
    	    	#div1 {display: none;width: 100px;background: red;}
    	    </style>
    	    
    	    <script type="text/javascript" src = "js/jquery-3.1.1.min.js"></script>
    		<script>
              $(document).ready(function(){
               $("#btn1").click(function(){
                if($("#username").val() == ""){
                 alert("请输入用户名！");
                 $("#username").focus();
                 return ;
                }
                else {
                  $.get("checkUser.jsp",
                  {user:$("#username").val()},
                  function(data){
                   $("#div1").text(data);  //设置返回内容
                   $("#div1").show(); //显示提示框
                  })
                }
               });
              });
    	    </script>
    	
      </head>
      
      <body>
        <form method = "get" action = "" name = "form1">
        用户名：<input id = "username" type = "text" size ="32"><br><br>
        <input name = "btn" type = "button" value = "检测"  id="btn1" >
        </form>
        <div id ="div1"></div>
      </body>
    </html>

checkUser.jsp页面：

<%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
    
    <%
    String [] userList = {"明日科技","mr","mrsoft","wgh"};
    String user = new String (request.getParameter("user").getBytes("ISO-8859-1"),"utf-8");
    
    Arrays.sort(userList); //对数组进行排序
    
    int result = Arrays.binarySearch(userList,user);  //若存在则返回索引值，否则返回-1
    System.out.println(result);
    if(result > -1){
      out.print(result+":很抱歉，该用户名已经被注册");
    }
    else {
      out.print(result+":恭喜您，该用户名没有被注册");
    }
     %>