1 form表单
<form action="http://localhost:8080/Wisdom_canteen/business_regist" class="login_form" method="post">
<div class="list list-inset">
<label class="item item-input">
<input type="text" placeholder="用户名" name="username">
<span id="usename_msg"></span>
</label>
<label class="item item-input">
<input type="password" placeholder="请设置登录密码" name="password">
</label>
<label class="item item-input">
<input type="password" placeholder="请再一次输入登录密码" name="password">
</label>
</div>
<input type="submit" value="提交">
</form>
2 ajax代码
<script type="text/javascript">
$(function(){
//给username派发一个失去焦点事件 发送ajax请求
$("input[name='username']").blur(function(){
//获取输入的值
var $value=$(this).val();
//alert($value);
$.post("http://localhost:8080/Wisdom_canteen/business_Preregist?username="+$value,function(d){
if(d==1){
$("#usename_msg").html("<font color='green'>用户名可以使用</font>");
}else{
$("#usename_msg").html("<font color='red'>用户名已被使用</font>");
}
});
});
})
</script>
3 后端代码
// 1判断用户是否已经注册
public String Preregist() throws Exception{
//获取参数username
String username=ServletActionContext.getRequest().getParameter("username");
System.out.println(username);
Business b=adminService.findByUsername(username);
//判断user 写回信息
if(b == null){
ServletActionContext.getResponse().getWriter().println("1");
}else{
ServletActionContext.getResponse().getWriter().println("0");
}
return NONE;
}
//2注册
public String regist(){
//为用户生成uuid
business.setBid(UUIDUtils.getId());
adminService.regist(business);
return "home";
}