生活随笔
收集整理的這篇文章主要介紹了
校验用户名是否存在
小編覺得挺不錯的,現(xiàn)在分享給大家,幫大家做個參考.
校驗用戶名是否存在
?? ?1. 服務(wù)器響應(yīng)的數(shù)據(jù)，在客戶端使用時，要想當(dāng)做json數(shù)據(jù)格式使用。有兩種解決方案：
?? ??? ?1. $.get(type):將最后一個參數(shù)type指定為"json"
?? ??? ?2. 在服務(wù)器端設(shè)置MIME類型
?? ??? ??? ?response.setContentType("application/json;charset=utf-8");
07-regist.html
<!DOCTYPE html>
<html lang="en">
<head><meta charset="UTF-8"><title>注冊頁面</title><script src="js/jquery-3.3.1.min.js"></script><script>//在頁面加載完成后$(function () {//給username綁定blur事件$("#username").blur(function () {//獲取username文本輸入框的值var username = $(this).val();//發(fā)送ajax請求//期望服務(wù)器響應(yīng)回的數(shù)據(jù)格式：{"userExsit":true,"msg":"此用戶名太受歡迎,請更換一個"}// {"userExsit":false,"msg":"用戶名可用"}$.get("findUserServlet",{username:username},function (data) {//判斷userExsit鍵的值是否是true// alert(data);var span = $("#s_username");if(data.userExsit){//用戶名存在span.css("color","red");span.html(data.msg);}else{//用戶名不存在span.css("color","green");span.html(data.msg);}});}); });</script>
</head>
<body><form><input type="text" id="username" name="username" placeholder="請輸入用戶名"><span id="s_username"></span><br><input type="password" name="password" placeholder="請輸入密碼"><br><input type="submit" value="注冊"><br></form></body>
</html>
FindUserServlet.java
package cn.itcast.web.servlet;import com.fasterxml.jackson.databind.ObjectMapper;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;
import java.util.HashMap;
import java.util.Map;@WebServlet("/findUserServlet")
public class FindUserServlet extends HttpServlet {protected void doPost(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {//1.獲取用戶名String username = request.getParameter("username");//2.調(diào)用service層判斷用戶名是否存在//期望服務(wù)器響應(yīng)回的數(shù)據(jù)格式：{"userExsit":true,"msg":"此用戶名太受歡迎,請更換一個"}// {"userExsit":false,"msg":"用戶名可用"}//設(shè)置響應(yīng)的數(shù)據(jù)格式為jsonresponse.setContentType("application/json;charset=utf-8");Map<String,Object> map = new HashMap<String,Object>();if("tom".equals(username)){//存在map.put("userExsit",true);map.put("msg","此用戶名太受歡迎,請更換一個");}else{//不存在map.put("userExsit",false);map.put("msg","用戶名可用");}//將map轉(zhuǎn)為json，并且傳遞給客戶端//將map轉(zhuǎn)為jsonObjectMapper mapper = new ObjectMapper();//并且傳遞給客戶端mapper.writeValue(response.getWriter(),map);}protected void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {this.doPost(request, response);}
}
總結(jié)
以上是生活随笔為你收集整理的校验用户名是否存在的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。
如果覺得生活随笔網(wǎng)站內(nèi)容還不錯，歡迎將生活随笔推薦給好友。
