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

效果：

相关阅读:
2.4 将类内联化
2.3 提炼类
2.2 搬移字段
2.1 搬移函数
1.8 替换你的算法
1.7 以函数对象取代函数
1.7 移除对参数的赋值动作
1.6 分解临时变量
1.5 引入解释性变量
1.4 以查询取代临时变量

原文地址：https://www.cnblogs.com/hltswd/p/5078177.html