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

来源：互联网发布：软件供应商对比表编辑：程序博客网时间：2024/06/05 09:13

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"><!--<link rel="stylesheet" type="text/css" href="styles.css">--><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);  //若存在则返回索引值，否则返回-1System.out.println(result);if(result > -1){  out.print(result+":很抱歉，该用户名已经被注册");}else {  out.print(result+":恭喜您，该用户名没有被注册");} %>

阅读全文

0 0