Ajax实现登录的方法

  介绍

这篇文章给大家分享的是有关Ajax实现登录的方法的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

Ajax登录案例

 Ajax实现登录的方法

味精

package  com.lbl.msg;      public  class  Msg  {   String 才能;味精;   int 才能;代码;      public 才能;味精(),{   ,,}      public 才能;味精(String 味精,int 代码),{   ,,,this.msg =,味精;   ,,,this.code =,代码;   ,,}      public 才能;String  getMsg (), {   ,,,return 味精;   ,,}      public 才能;void  setMsg (String 味精),{   ,,,this.msg =,味精;   ,,}      public 才能;int  getCode (), {   ,,,return 代码;   ,,}      public 才能;void  setCode (int 代码),{   ,,,this.code =,代码;   ,,}   }

RegisterServlet

package  com.lbl.servlet;      import  com.fasterxml.jackson.databind.ObjectMapper;   import  com.lbl.msg.Msg;      import  javax.servlet.ServletException;   import  javax.servlet.annotation.WebServlet;   import  javax.servlet.http.HttpServlet;   import  javax.servlet.http.HttpServletRequest;   import  javax.servlet.http.HttpServletResponse;   import  java.io.IOException;      @WebServlet (“/register")   public  class  RegisterServlet  extends  HttpServlet  {   protected 才能;void  doPost (HttpServletRequest 请求,HttpServletResponse 响应),throws  ServletException, IOException  {   ,,,doGet(请求,响应);   ,,}      protected 才能;void  doGet (HttpServletRequest 请求,HttpServletResponse 响应),throws  ServletException, IOException  {   ,,,//1:获取请求发送的数据   ,,,String  username =, request.getParameter (“username");   ,,,response.setContentType (“text/html; charset=UTF-8");   ,,,//2:判断用户名是否注册   ,,,如果(“abc123" .equals(用户名)){   ,,,,,Msg  Msg =, new 味精(“用户名已经注册“,0);   ,,,,,//用户名已经注册,{“flag":假的,“info":“用户名已经注册“};//,,,,,,String  jsonStr =,“{\“国旗\“:假的,\“info \“: \“用户名已经注册\“}”;   ,,,,,//响应回浏览器   ,,,,,response.getWriter () .write (new  objectmap () .writeValueAsString(味精));   还有,,,}{   ,,,,,Msg  Msg =, new 味精(“可以注册“,1);   ,,,,,//用户名没有注册//,,,,,,String  jsonStr =,“{\“国旗\“:真的,\“info \“: \“可以注册\“}”;   ,,,,,//响应回浏览器   ,,,,,response.getWriter () .write (new  objectmap () .writeValueAsString(味精));   ,,,}      ,,}   }

json_register。html

& lt; ! DOCTYPE  html>   & lt; html  lang=癳n"祝辞   & lt; head>   & lt;才能meta  charset=癠TF-8"比;   & lt;才能title> Title</title>   & lt;才能script  src=https://www.yisu.com/zixun/" js/jquery-3.3.1.js ">   <脚本类型=坝τ贸绦?javascript”>   $(函数(){//1:给用户名输入框绑定失去焦点事件(得到焦点元素失去焦点时)   $(" #用户名”)。(“模糊”,函数(){//获取用户名输入框数据   var用户名=$(" #用户名”).val ();//2:向服务器发出异步请求,让服务器去查询用户名是否存在   $ . post (   “注册”,//表示服务器的servlet路径   "用户名=" +用户名//表示向服务器发送的数据   函数(数据){//味精:用户名已经注册代码:0   如果(data.code==0) {//警报(data.info);   $ (" # spanId ") . html (data.msg) . css(“颜色”,“绿色”);   其他}{   $ (" # spanId ") . html (data.msg) . css(“颜色”,“红”);   }      },   “json”   );   });   });>   
  <字体>会员注册用户注册   <形式类=" form-horizontal ">   <表>      用户名         道明>      密码道明>   Ajax实现登录的方法