介绍
这篇文章给大家分享的是有关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实现登录的方法