<%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%
request.setAttribute("path", request.getContextPath());
%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%> <!DOCTYPE html >
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>Insert title here</title>
<script type="text/javascript" src="${path }/js/jquery-3.2.1.min.js"></script>
<script type="text/javascript">
var flag;
function reg() {
//1.获取文本框内容
var uname = $("#uname").val();
//2.把文本框的内容发送到服务器匹配数据库中的用户名 使用ajax一步提交请求
/* $.ajax({
url : "${path}/checkName",//定义请求服务器的地址
data : {
uname : uname
}, //定义往服务器传输的数据
type : "get",//提交请求的方式 get post
dataType : "json",//定义服务器响应的数据类型 text json jsonp 支持跨域
success : function(result) {
//result 服务器响应回来的结果
if(result){
alert("用户名可以使用");
$("#msg").html("");
}else{
$("#msg").html("用户名不可以使用");
alert("用户名不可以使用")
}
}//定义请求成功之后如果处理
}); */ //1
//第一个url 第二个data数据 第三个参数是 规定当请求成功时运行的函数
//第四个参数服务器响应的类型
/* $.get("${path}/checkName",{uname:uname},function(data,status){
alert("data:"+data+"------status:"+status);
if(data){
$("#msg").html("");
}else{
$("#msg").html("用户名不可以使用");
}
},"json"); */ //2
/* $.post("${path}/checkName",{uname:uname},function(data,status){
alert("data:"+data+"------status:"+status);
if(data){
$("#msg").html("");
}else{
$("#msg").html("用户名不可以使用");
}
},"json");
*/ //3
$.getJSON("${path}/checkName",{uname:uname},function(data,status){
alert("data:"+data+"------status:"+status);
if(data){
$("#msg").html("");
flag=true;
}else{
$("#msg").html("用户名不可以使用");
flag=false;
}
},"json"); } $(function(){
//
$("#myform").submit(function(){
//判断用户名是否存在
$.getJSON("${path}/checkName",{uname:uname},function(data,status){
alert("data:"+data+"------status:"+status);
if(data){
$("#msg").html("");
flag=true;
}else{
$("#msg").html("用户名不可以使用");
flag=false;
}
},"json");
});
});
</script>
</head>
<body> <form action="" method="post" id="myform">
<table align="center">
<tr>
<td>用户名：<input type="text" id="uname" name="uname"
onblur="reg()" /><span id="msg"></span><br /></td>
</tr>
<tr>
<td>密 码：<input type="password" id="upass"
name="upass" /><br /></td>
</tr> <tr align="center">
<td><input type="submit" value="注册" />
<td>
</tr>
</table>
</form>
</body>
</html>