您的位置:首页 > Web前端 > JQuery

JQuery Ajax 的简单使用

2015-12-26 15:22 549 查看
简单判断用户名存在不存在,如果数据库存在此用户名,提示不能注册

前台代码如下:

<!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';
}
}


效果:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: