1、前端的ajax方法
2、浏览器console:
useradd.html:14 Uncaught ReferenceError:
$ is not defined
at org (useradd.html:14)
at HTMLInputElement.onclick (useradd.html:25)
org @ useradd.html:14
onclick @ useradd.html:25
解决:
解决:
js代码出错:
<script type="text/javascript">
function org(){
$.ajax({
type:"GET",
url:"ucexist.html",
data:{userCode:userCode.val()},
dataType:"json",
success:function(data){
alert("data: "+data);
if(data.userCode == "exist"){
validateTip(userCode.next(),{"color":"red"},
imgNo+"该用户账号已存在",false);
}else{
validateTip(userCode.next(),{"color":"red"},
imgNo+"该用户账号可用",true);
}
}
})
}
</script>
上面的传送到服务器的data出现错误,本意是想将html元素的内容作为json的value值进行发送,但是jQuery框架不允许这种使用;
根据语法规范,应该改为:data:{userCode:$("#userCode").val()},
<script type="text/javascript">
function org(){
$.ajax({
type:"GET",
url:"ucexist.html",
data:{userCode:$("#userCode").val()},
dataType:"json",
success:function(data){
alert("data: "+data);
if(data.userCode == "exist"){
validateTip(userCode.next(),{"color":"red"},
imgNo+"该用户账号已存在",false);
}else{
validateTip(userCode.next(),{"color":"red"},
imgNo+"该用户账号可用",true);
}
}
})
}
</script>