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

效果:

posted @ 2015-12-26 15:22  屌丝IT男  阅读(190)  评论(0编辑  收藏  举报