사용자가 아약스를 사용 등록 사용자 이름 테스트
패키지 cn.hopetesting.com.servlet, 2901583663
수입 com.fasterxml.jackson.databind.ObjectMapper;
수입 javax.print.attribute.standard.JobOriginatingUserName;
수입 javax.servlet.ServletException;
수입 javax.servlet.annotation.WebServlet;
수입 인 javax.servlet.http.HttpServlet;
수입 나오는 javax.servlet.http.HttpServletRequest;
수입의 javax.servlet.http.HttpServletResponse;
수입 때 java.io.IOException;
수입 java.util.HashMap에;
수입 java.util.Map;
/ **
* @author의 newcityman
* @date 2019년 9월 18일 - 21시 49분
* /
@WebServlet ( "/ findUserServlet")는
공용 클래스 FindUserServlet는 HttpServlet을 확장 {
보호의 doPost (HttpServletRequest의 요청의 HttpServletResponse를 응답) 무효 ServletException을, IOException가 {던졌습니다
response.setContentType ( "파일 응용 프로그램 / JSON;. 문자셋 = UTF-8");
// response.setContentType ( "텍스트 / HTML;. 캐릭터 세트 = UTF-8") ;
// 1 취득 파라미터 사용자 이름
문자열 = request.getParameter 이름 ( "이름을");
// 2 사용자가 서비스 계층에 이름이 있는지의 여부를 판정 호출
다시 포맷 // 예상 서버 응답 데이터 {
// ( "userExist : 참 "MSG가", "이 사용자 이름이 너무 인기가 교체하십시오")
// ( "userExist : 거짓"MSG ","이 사용자 이름을 사용할 수 ")}
지도 <문자열, 개체> =지도 새로운 새의 HashMap < 문자열, 개체> ();
IF ( "톰."동일 (사용자 이름)) {
//存在
map.put ( "userExist", TRUE);
; map.put는 ( "MSG", "사용자 이름이 너무 인기는 대체")
}는 다른 {
// 존재하지 않는
(false로 "userExist") map.put,
"map.put ("MSG "를,이 ) "을 사용할 사용자 이름;
}
//지도 JSON 변환, 클라이언트에 전달
// JSON에 매핑합니다
; ObjectMapper 새로운 새로운 ObjectMapper 매퍼 = ()
//와 클라이언트에 전달
((response.getWriter을 mapper.writeValue )지도)
}
얻기위한 doGet 무효화 보호 (HttpServletRequest의 요청은 HttpServletResponse를 응답)을 ServletException이 발생 IOException을 {
this.doPost (요청, 응답);
}
}
<! DOCTYPE HTML>
<HTML LANG = "EN">
<head>
<메타 문자 집합 = "UTF-. 8">
<제목> 등록 </ 제목>
<스크립트 SRC는 = "JS / jQuery를-3.3.1.min.js "> </ SCRIPT>
<SCRIPT>
// 페이지로드가 완료
{(함수 () $를
// 사용자 이름 바인딩이 시간 흐리게
# 사용자 이름") $를 ( ". () {(기능을 흐리게
// 사용자 이름 텍스트 입력 상자를 얻을 수 의 값
, .val VAR 사용자 이름 = $합니다 (이) ()
// 아약스 요청을 보내
{: 다시 포맷 // 예상 서버 응답 데이터를
, MSG ","사용자 이름이 너무 인기 : // ( "true로, userExist가" 에 "), 대체
// ("userExist : 거짓 "MSG를", "이 사용자 이름을 사용할 수 있습니다")}
$ 갔지 ( "findUserServlet", {사용자 이름 : 사용자 이름}, 기능 (데이터) {
//判断userExist键的值是否存在
VAR 범위 = $ ( "#의 s_username");
경우 (data.userExist) {
//存在
( "빨간색" "컬러") span.css;
span.html (data.msg);
} 다른 {
//不存在
span.css ( "색상", "녹색");
span.html (data.msg);
}
/ * "JSON"* /);
});
});
</ script>
</ head>
<body>
<입력 유형 = "텍스트"ID = "사용자 이름"이름 = "사용자 이름"
<input 타입 = "비밀번호"ID = "비밀번호"NAME = 자리 = "请输入密码''passowrd"> <BR/>
<input 타입 = "제출"값 = "提交">
</ BODY>
</ HTML>
패키지 cn.hopetesting.com.servlet, 2901583663
수입 com.fasterxml.jackson.databind.ObjectMapper;
수입 javax.print.attribute.standard.JobOriginatingUserName;
수입 javax.servlet.ServletException;
수입 javax.servlet.annotation.WebServlet;
수입 인 javax.servlet.http.HttpServlet;
수입 나오는 javax.servlet.http.HttpServletRequest;
수입의 javax.servlet.http.HttpServletResponse;
수입 때 java.io.IOException;
수입 java.util.HashMap에;
수입 java.util.Map;
/ **
* @author의 newcityman
* @date 2019년 9월 18일 - 21시 49분
* /
@WebServlet ( "/ findUserServlet")는
공용 클래스 FindUserServlet는 HttpServlet을 확장 {
보호의 doPost (HttpServletRequest의 요청의 HttpServletResponse를 응답) 무효 ServletException을, IOException가 {던졌습니다
response.setContentType ( "파일 응용 프로그램 / JSON;. 문자셋 = UTF-8");
// response.setContentType ( "텍스트 / HTML;. 캐릭터 세트 = UTF-8") ;
// 1 취득 파라미터 사용자 이름
문자열 = request.getParameter 이름 ( "이름을");
// 2 사용자가 서비스 계층에 이름이 있는지의 여부를 판정 호출
다시 포맷 // 예상 서버 응답 데이터 {
// ( "userExist : 참 "MSG가", "이 사용자 이름이 너무 인기가 교체하십시오")
// ( "userExist : 거짓"MSG ","이 사용자 이름을 사용할 수 ")}
지도 <문자열, 개체> =지도 새로운 새의 HashMap < 문자열, 개체> ();
IF ( "톰."동일 (사용자 이름)) {
//存在
map.put ( "userExist", TRUE);
; map.put는 ( "MSG", "사용자 이름이 너무 인기는 대체")
}는 다른 {
// 존재하지 않는
(false로 "userExist") map.put,
"map.put ("MSG "를,이 ) "을 사용할 사용자 이름;
}
//지도 JSON 변환, 클라이언트에 전달
// JSON에 매핑합니다
; ObjectMapper 새로운 새로운 ObjectMapper 매퍼 = ()
//와 클라이언트에 전달
((response.getWriter을 mapper.writeValue )지도)
}
얻기위한 doGet 무효화 보호 (HttpServletRequest의 요청은 HttpServletResponse를 응답)을 ServletException이 발생 IOException을 {
this.doPost (요청, 응답);
}
}
<! DOCTYPE HTML>
<HTML LANG = "EN">
<head>
<메타 문자 집합 = "UTF-. 8">
<제목> 등록 </ 제목>
<스크립트 SRC는 = "JS / jQuery를-3.3.1.min.js "> </ SCRIPT>
<SCRIPT>
// 페이지로드가 완료
{(함수 () $를
// 사용자 이름 바인딩이 시간 흐리게
# 사용자 이름") $를 ( ". () {(기능을 흐리게
// 사용자 이름 텍스트 입력 상자를 얻을 수 의 값
, .val VAR 사용자 이름 = $합니다 (이) ()
// 아약스 요청을 보내
{: 다시 포맷 // 예상 서버 응답 데이터를
, MSG ","사용자 이름이 너무 인기 : // ( "true로, userExist가" 에 "), 대체
// ("userExist : 거짓 "MSG를", "이 사용자 이름을 사용할 수 있습니다")}
$ 갔지 ( "findUserServlet", {사용자 이름 : 사용자 이름}, 기능 (데이터) {
//判断userExist键的值是否存在
VAR 범위 = $ ( "#의 s_username");
경우 (data.userExist) {
//存在
( "빨간색" "컬러") span.css;
span.html (data.msg);
} 다른 {
//不存在
span.css ( "색상", "녹색");
span.html (data.msg);
}
/ * "JSON"* /);
});
});
</ script>
</ head>
<body>
<입력 유형 = "텍스트"ID = "사용자 이름"이름 = "사용자 이름"
<input 타입 = "비밀번호"ID = "비밀번호"NAME = 자리 = "请输入密码''passowrd"> <BR/>
<input 타입 = "제출"값 = "提交">
</ BODY>
</ HTML>