网页代码大部分都再下面了
<script>
$(function(){
$("#username").blur(function(){
var span=$("#span");
var username=$("#username").val();
$.get("refistServlet",{username=username},function(data){
if(data.userExsit){
span.html(data.msg);
span.css("color","red")
}else{
span.html(data.msg);
span.css("color","green")},"json"
})
})
})
</script>
<input type="text" name ="username" id="username" placeholder="请输入用户名">
<input type="text" name ="password" id="password" placeholder="请输入用户名">
<input type="submit" value="注册">
@WebServlet("registServlet")
public class RegistServlet extends HttpServlet{
protected void doPost(HttpServletRequest req,HttpServletResponse resp)throws ServletException,IOException{
Map<String,Object>map=new HashMap<String,Object>;
String usernmae=req.getParameter("username");
if("tom".equals(username)){
map.put("userExsit",true)
map.put("msgt","此用户名太受欢迎,请更换一个")
}else{
map.put("userExsit",false)
map.put("msgt","此用户名可以用")
}
ObjectMapper mapper=new ObjectMapper();
mapper.writeValue(resp.getWriter(),map)
}
}