Ajax는 양식을 제출하지 않고 사용자 이름이 등록되었는지 확인하기 위해 데이터베이스에 접속합니다

Delver_Si · 게시됨 2014. 12. 24. 오전 2:28:19

[mw_shl_code=JavaScript,true]$(function(){
$("#userName").blur(function() {
var 값 = $("#userName").val();
verifyUserName(value);
});
$("#userName").focus(function() {
$("#userNameErr").텍스트("");
});
});

function verifyUserName(userName){
var 값 = $("#userName").val();
$.Ajax({
type:"GET",
cache:false,
async:false,
url:"/bookShopping/UserServlet",
data:{method:"verifyUserName",userName:value},
dataType:"json",
success:function(result){
if(result.ifreg =="true"){
$("#userNameErr").text("이 사용자 이름이 등록되었습니다!") );
}
}
});
}[/mw_shl_code]

[mw_shl_code=자바, 참] <%@ page language="java" import="java.util.*" pageEncoding="utf-8"%>
<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>

<title>등록 페이지</title>

<meta http-equiv="pragma" content="no-cache">
<meta http-equiv="cache-control" content="no-cache">
<meta http-equiv="expires" content="0">
<meta http-equiv="keywords" content="keyword1, keyword2, keyword3">
<meta http-equiv="description" content="This is my page">
<스크립트 타입="text/javascript" src="<c:url 값='/jquery/jquery-1.5.1.js'/>"></script>
<script type="text/javascript" src="<c:url value='/js/register.js'/>"></script>

<스크립트 유형="text/javascript">
함수 _hyz() {
$("#vCode").attr("src", '<c:url 값='/VerifyCodeServlet?'/>' + new Date().getTime());
}
</script>
  </head>

  <body>
  <form action="/bookShopping/UserServlet">
  <입력 유형="숨겨진 이름"="메서드" 값="register"/>
   사용자 이름<br/>
      <input id = "userName" name="userName" type="text" value="${formuser.userName }"/><label id = "userNameErr">${errors.loginname }</label><br/>
      본명<br/>
      <input name="trueName" type="text" value="${formuser.trueName }" />${errors.trueName }<br/>
      비밀번호<br/>
      <입력 이름="passWord" type="password" value="${formuser.passWord }"/>${errors.loginpass }<br/>
      비밀번호<br/> 확인해
      <입력 이름="repassWord" 유형="password" 값="${reloginpass }" />${errors.reloginpass }<br/>
      도시<br/>
      <입력 이름="city" type="text" value="${formuser.city }"/>${errors.city }<br/>
      거주지<br/> 주소
      <입력 이름="address" 유형="text" value="${formuser.address }"/>${errors.address }<br/>
      우편번호<br/>
      <입력 이름="postcode" type="text" value="${formuser.postcode }" />${errors.postcode }<br/>
      ID 번호<br/>
      <input name="cardno" type="text" value="${formuser.cardno }"/>${errors.cartno }<br/>
      문서 종류 <br/>
      <input name="cardType" type="text" value="${formuser.cardType }"/>${errors.cardType }<br/>
   연락처<br/>
      <input name="tel" type="text" value="${formuser.tel }"/>${errors.tel }<br/>
   메일 주소 <br/>
      <input name="email" type="text" value="${formuser.email }"/>${errors.email }<br/>
   CAPTCHA <br/><img id= "vCode" src="<c:url value='/VerifyCodeServlet'/>">${errors.verifyCode }
   <label> <a href="javascript:_hyz()" > 하나를</a></label><br/> 대체할 수 있습니다
      <입력 이름="verifyCode" /><br/>
      <입력 이름="BtnRegister" 타입="submit" 값="레지스터" />
      <a href= "<c:url 값='/index.jsp'/>" > 홈페이지로 돌아가</a>기
      </form>
  </body>
</html>
[/mw_shl_code]

[mw_shl_code=java, true]/**
* AJAX가 사용자 이름이 등록되었는지 검증합니다
* @param 요구사항
* @param 응답
* @return
* @throws ServletException
* @throws IOException
*/
public String verifyUserName(HttpServletRequest req, HttpServletResponse resp)
throws ServletException, IOException {
불리언 b = 거짓;
시도해 {
int i = userService.verifyUserName(req.getParameter("userName"));
만약 (i==1) {
b=참;
}
} catch (SQLException e) {
TODO 자동 생성 캐치 블록
e.printStackTrace();
}
JSON 형식으로 데이터를 반환합니다
resp.getWriter().print("{\"bool\":\"qqq\"}");
resp.getWriter().print("{\"ifreg\":\""+b+"\"}");
resp.getWriter().print(b);
System.out.println("{\"ifreg\":\""+b+"\"}");
""로 돌아가기;
}[/mw_shl_code]

관리자 · 게시됨 2014. 12. 24. 오후 4:27:25

과제로 복사할게요

[자바EE] Ajax는 양식을 제출하지 않고 사용자 이름이 등록되었는지 확인하기 위해 데이터베이스에 접속합니다

본 섹션