Question

怎么用ajax在页面上判断用户名在数据库中是否重复

Answer 1

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24

//拿到用户名输入框节点
var usernameNode = $("#username_re");
//给文本框添加失去焦点的事件
usernameNode.blur(function() {
//使用Ajax提交数据到后台校验
$.ajax({
type: "POST",
//后台校验用户名是否重复的url
url: "usernameValidate.action?username="+usernameNode.val(),
success:function(data) {
//拿到返回值
var json = eval("("+data+")");
//判断是否有重复
if(json.result == "yes") {
//重复...
$("#username_validate").attr("class","span_8").text("该用户名已被注册");
}else {
//不重复...
$("#username_validate").text("").append("<img src=${pageContext.request.contextPath}/style/common/images/access_allow.gif />");
}
},
dataType:"json"
});
});