zoukankan      html  css  js  c++  java
  • 用ajax实现用户名的检测(JavaScript方法)

     1 <%@ page language="java" contentType="text/html; charset=UTF-8"
     2     pageEncoding="UTF-8"%>
     3 <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
     4 <html>
     5 <head>
     6 <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
     7 <title>Insert title here</title>
     8 </head>
     9 <script type="text/javascript">
    10 var req;
    11 function check()
    12 {
    13     var url ="CheckUser?uname="+ document.getElementById("uname").value;
    14     if (window.XMLHttpRequest)
    15     {
    16         req = new XMLHttpRequest();
    17     }
    18     else if (window.ActiveXObject){
    19         req = new ActiveXObject("Microsoft.XMLHTTP");
    20     }       
    21     req.open("GET",url, true);
    22     req.onreadystatechange = show;
    23     req.send(null);
    24     alert("hhhh");
    25 }
    26 function show(){
    27     if (req.readyState == 4) {
    28         if (req.status == 200) {
    29             document.getElementById("info").innerHTML=req.responseText;
    30         }
    31     }
    32 }
    33 </script>
    34 <body>
    35 <table>
    36 <tr><td>用户名</td><td><input type="text" id="uname" ></td></tr>
    37 <tr><td><input type="button" onClick="check()" value="检测用户"></td><td><div id="info"></div> </td></tr>
    38 </table>
    39 </body>
    40 </html>
     1 package javastudy;
     2 
     3 import java.io.IOException;
     4 import javax.servlet.ServletException;
     5 import javax.servlet.annotation.WebServlet;
     6 import javax.servlet.http.HttpServlet;
     7 import javax.servlet.http.HttpServletRequest;
     8 import javax.servlet.http.HttpServletResponse;
     9 
    10 /**
    11  * Servlet implementation class CheckUser
    12  */
    13 @WebServlet("/CheckUser")
    14 public class CheckUser extends HttpServlet {
    15     private static final long serialVersionUID = 1L;
    16        
    17     /**
    18      * @see HttpServlet#HttpServlet()
    19      */
    20     public CheckUser() {
    21         super();
    22         // TODO Auto-generated constructor stub
    23     }
    24 
    25     /**
    26      * @see HttpServlet#doGet(HttpServletRequest request, HttpServletResponse response)
    27      */
    28     protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    29         // TODO Auto-generated method stub
    30         String uname=request.getParameter("uname");
    31         String[] names={"zhang","yang","wang"};
    32         boolean flag=true;
    33         for(int i =0;i<names.length;i++)
    34         {
    35             if(names[i].equals(uname))
    36             {
    37                 flag=false;
    38                 break;
    39             }
    40             
    41         }
    42         response.setCharacterEncoding("utf-8");
    43         if(flag==false)
    44         {
    45             response.getWriter().println("该用户名已注册!!!");
    46         }
    47         else
    48         {
    49             response.getWriter().println("注册成功!!!");
    50         }
    51 //    response.getWriter().append("Served at: ").append(request.getContextPath());
    52     }
    53 
    54     /**
    55      * @see HttpServlet#doPost(HttpServletRequest request, HttpServletResponse response)
    56      */
    57     protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
    58         // TODO Auto-generated method stub
    59     doGet(request, response);
    60     }
    61 
    62 }
  • 相关阅读:
    selenium爬取沃尔玛分类和商品详情
    linux下部署redis
    linux系统基本操作命令
    Scrapy & Django项目
    爬虫爬取百度搜狗图片持久化存储
    django + vue 简单配置登录注册及分页和实例化
    vue安装及常用属性
    vue跨域配制
    Django中配置全文检索
    Django框架知识点简单总结(1)
  • 原文地址:https://www.cnblogs.com/xiadongqing/p/5094537.html
Copyright © 2011-2022 走看看