标签：name javascrip for word 设置 asc ice instance content
页面代码
<!-- jQuery导入 -->
<script src="js/jquery-2.1.0.min.js"></script>
<script type="text/javascript">
$(function() {
//失去焦点事件
$("#username").blur(function() {
//获取用户名的输入
var username = $("#username").val();
//console.log(username);
//提交用户名到servlet查询
$.get("/jsonRegistServlet",{"username":username},function(data){
// 获取span，并设置span显示内容
$("#username_span").html(data.namemsg);
},"json");
});
});
</script>
<body>
<form action="">
<input type="text" id="username" name="username" placeholder="请输入用户名"/>
<br/><span id="username_span"></span>
<br/><input type="password" id="password" name="password" placeholder="请输入密码"/>
<br/><span></span>
<br/><input type="submit" id="submit_btn" value="注册" />
</form>
</body>
Servlet代码
//使用的JSON解析器是jackson
//设置编码
request.setCharacterEncoding("utf-8");
response.setCharacterEncoding("utf-8");
// 获取用户输入的用户名
String username = request.getParameter("username");
// 查询账号是否存在
Admin admin = AdminServiceImpl.getInstance().selectAdmin(username);
// json对象String
String str = "";
if(admin!=null) {
// 账号已存在，重新注册，字符串中的“需要使用转义符
str = "{\"namemsg\":\"该用户名已存在！请更换用户名\"}";
}else {
// 账号不存在，允许注册
str = "{\"namemsg\":\"用户名可用！\"}";
}
//将json格式的字符串响应回去
response.getWriter().write(str);
页面代码
<!-- jQuery导入 -->
<script src="js/jquery-2.1.0.min.js"></script>
<script type="text/javascript">
$(function() {
//失去焦点事件
$("#username").blur(function() {
//获取用户名的输入
var username = $("#username").val();
//console.log(username);
//提交用户名到servlet查询
$.get("/jsonRegistServlet",{"username":username},function(data){
//判断响应json，设置不同的样式
if(data.success){
// 获取span，并设置span显示内容,显示样式
$("#username_span").html(data.namemsg);
$("#username_span").css("color","red");
}else{
// 获取span，并设置span显示内容,显示样式
$("#username_span").html(data.namemsg);
$("#username_span").css("color","pink");
}
});
});
});
</script>
<body>
<form action="">
<input type="text" id="username" name="username" placeholder="请输入用户名"/>
<br/><span id="username_span"></span>
<br/><input type="password" id="password" name="password" placeholder="请输入密码"/>
<br/><span></span>
<br/><input type="submit" id="submit_btn" value="注册" />
</form>
</body>
Servlet代码
//使用的JSON解析器是jackson
//设置编码
request.setCharacterEncoding("utf-8");
// 获取用户输入的用户名
String username = request.getParameter("username");
// 查询账号是否存在
Admin admin = AdminServiceImpl.getInstance().selectAdmin(username);
// json对象Map
Map<String, Object> map = new HashMap<String, Object>();
if(admin!=null) {
// 账号已存在，重新注册
map.put("success",true);
map.put("namemsg", "该用户名已存在！请更换用户名");
}else {
// 账号不存在，允许注册
map.put("success",false);
map.put("namemsg", "用户名可用！");
}
//设置响应行
response.setContentType("application/json;charset=utf-8");
//获取json对象
ObjectMapper mapper = new ObjectMapper();
// 响应json对象
mapper.writeValue(response.getWriter(), map);
标签：name javascrip for word 设置 asc ice instance content
原文地址：https://www.cnblogs.com/ygdh/p/14366887.html
