jsp里:
<script type="text/javascript">
$(function () {
$("#username").blur(function () {
var username=this.value;
$.getJSON("http://localhost:8080/book_03/userServlet", "action=ajaxUsernameExist&username="+username,
function (msg) {
if (msg.flag)
{
$("span.errorMsg").text("用户名已存在");
}
else{
$("span.errorMsg").text("用户名可用");
}
})
});
<input class="itxt" type="text" placeholder="请输入用户名"
autocomplete="off" tabindex="1" name="username" id="username"
value="${requestScope.username}"
/>
servlet:
protected void ajaxUsernameExist(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException {
String username= request.getParameter("username");
boolean flag = userService.existsUsername(username);
Map<String,Object> map=new HashMap<String,Object>();
map.put("flag",flag);
Gson gson =new Gson();
String s = gson.toJson(map);
response.getWriter().write(s);
}