1. 首页
2. 学习笔记
3. 本页

PHP+jQuery+Ajax实现用户登录

经过几天的挣扎终于弄懂了阿贾克斯怎么玩耍了~~Query太强大了~

贴点自己嗨出来的代码~

/**
 * Created by Bao on 2016/5/23.
 */
$(function(){

    $(".btn").mousedown(function(){  //点击提交按钮之后触发事件
        var user = $("#user").val();
        var pass = $("#pass").val();
        if($.trim(user)==""){   //去除空格之后 判断是否为空  要不然空格用户名都能参试登陆
            $('<div id="msg" />').html("<font color=red style='font-size:16px;'><b>用户名不能为空！</b></font>").appendTo('.sub').fadeOut(2000);
            $("#user").focus();  //为空 用户名输入栏获取焦点
            return false;
        }
        if($.trim(pass)==""){
            $('<div id="msg" />').html("<font color=red style='font-size:16px;'><b>密码不能为空！</b></font>").appendTo('.sub').fadeOut(2000);
            $("#pass").focus();
            return false;
        }
        $.ajax({
            type: "POST",      //get or post  个人感觉post安全很多
            url: "loginck.php?action=login",   // 目的url
            dataType: "json",  //数据类型  可以有很多种
            data: {"user":user,"pass":pass},   //传输的数据  在验证文件接受
            beforeSend: function(){   //发送请求前可修改
                $('<div id="msg" />').addClass("loading").html("正在登录...").css("color","#999").appendTo('.sub');
            },
            success: function(json){   //请求成功后的回调函数
                if(json.success==1){
                    $("#login_form").remove();
                    var div = "<div id='result'><p><strong>"+json.user+"</strong>，恭喜您登录成功！</p><p><a href='#' id='logout'>【退出】</a></p></div>";
                    $("#login").append(div);
                }else{
                    $("#msg").remove();
                    $('<div id="errmsg" />').html(json.msg).css("color","red").appendTo('.sub').fadeOut(2000);
                }
            }
        });
    });
});

php验证部分：

<?php
/**
 * Created by PhpStorm.
 * User: Bao
 * Date: 2016/5/23
 * Time: 12:22
 */

//session_start();
require_once("db_config.php");
$action = $_GET['action'];   //这么做是为了判断行为  之后还有登出要处理

if ($action == 'login') {
    $user = stripslashes(trim($_POST['user']));
    $pass = stripslashes(trim($_POST['pass']));
    $mysqli = new mysqli($mysql_server_name, $mysql_username, $mysql_password, $mysql_database);
    $sql = "SELECT * FROM member WHERE mID = '$user' "; //mysql语句跟sql server总体变化不大 
    $result = $mysqli->query($sql);
    //$_SESSION['user'] = $row['username'];
    $flag = 0;
    while ($field = mysqli_fetch_assoc($result)) {  //遍历结果集
        if ($pass == $field['mpwd'] ) { 
            $arr['success'] = 1;
            $arr['msg'] = '登录成功！';
            $arr['user'] = $user;
            $flag = 1;
        }
    }
    if (!$flag) {
        $arr['success'] = 0;
        $arr['msg'] = '用户名或账号有误~~请重试！';
    }

    echo json_encode($arr);  //  对变量进行JSON编码 

}