AJAX+PHP+MYSQL实现登录页面

前端页面

   
   
   
   
   

   

        用户名：


        密 码：


       
       
   

   

model.js

var Model = (function () {
    var map = {
        "register": {url: "ajax.php?q=register", type: "post"},
        "login": {url: "ajax.php?q=login", type: "post"}
    };
    var handler = {};//对象
    for (var name in map) {//name =>register,login,得到后面url
        handler[name] = (function (obj) {//obj就是map[name] || {}的自调用
            var reqtype = obj['type'] || 'post';
            var url = obj['url'] || '';
            var fun = function (param, success, error) {//ajax传递数据
                $.ajax({
                    type: reqtype,
                    url: url,
                    dataType: "json",
                    data: param,
                    success: function (data) {
                            success(data);
                    },
                    error: error
                });
            };
            return fun;
        })(map[name] || {});//name 就是前端传过来的值
    }
    return handler;
})();

后端页面

$q = $_GET["q"];
$names = $_POST["name"];//拿到变量的值
$pwd = $_POST["pwd"];
$res = array(
    "name" => $names,
    "pwd" => $pwd
);
//连接数据库
$server = "127.0.0.1";
$username = "root";
$password = "";
$db_name = "viser";
$conn = new mysqli($server, $username, $password, $db_name);
if ($conn->connect_errno) {
    echo "连接失败";
} else {
    //创建数据表
        if($q == "register"){
            if ($names == "" || $pwd == "") {//注册
                echo "用户名或者密码不能为空";//用户名为空
            }else{//用户名不为空
//        echo "可以进行下一步";
                $sql = "SELECT * FROM login2 WHERE lo_name='$names'";
                $result = mysqli_query($conn,$sql);
                $row = mysqli_fetch_array($result);
                if($row){
                    echo json_encode(array('code'=>1,'msg'=>"用户名已经存在"));
                }else{
                    $sql = "INSERT INTO login2 (lo_name,lo_pwd)VALUES ('$names','$pwd')";
                    if ($conn->query($sql) === TRUE) {
                        echo json_encode(array('code'=>0));
                    } else {
                        echo "失败";
                    }
                }
            }
        }
        if($q == "login"){
            $sql = "SELECT * FROM login2 WHERE lo_name='$names'";//查询
            $result = mysqli_query($conn, $sql);//执行语句
            $row = mysqli_fetch_array($result);//拿到结果
            if ($row) {
                if ($pwd == $row['lo_pwd']) {
                    echo json_encode(array('code'=>0));
                } else {
                    echo json_encode(array('code'=>1,"msg"=>"密码不正确"));
                }
            } else {
                echo json_encode(array('code'=>2,"msg"=>"用户不存在"));
            }
        }
}
$conn->close();