JQuery Ajax 的简单使用

简单判断用户名存在不存在,如果数据库存在此用户名,提示不能注册

前台代码如下:

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
<load href='__PUBLIC__/js/jquery-1.7.2.min.js'/>
<script>
$(function(){
$('input[name="username"]').blur(function(){
var username=$(this).val();
$.get('__URL__/checkName',{'username':username},function(data){
if (data=='no') {
$('input[name="username"]').after('<span id="umessage" style="color:red;font-size:12px">该用户已经被注册</span>');
}else{
$('#umessage').remove();
}
});
});
});
</script>
</head>
<body>
<table>
<tr>
<td>用户名:</td><td><input type="text" name='username'></td>
</tr>
</table>
</body>
</html>

php代码:

public function checkName(){
$username=I('get.username');
$where['username']=$username;
$count=M('user')->where($where)->find();
if ($count) {
echo 'no';
}else{
echo 'yes';
}
}

效果:

JQuery Ajax 的简单使用

上一篇:华丽的使用sublime写lua~ sublime lua相关必装插件推荐~~


下一篇:Flask從入門到入土(一)——程序的基本結構