最新公告
  • 欢迎您光临FE素材网,本站秉承服务宗旨 履行“站长”责任,销售只是起点 服务永无止境!立即加入我们
  • PHP+jQuery+Ajax+SESSION登录与退出

    index.php

    若用户为登录状态,则显示用户相关登录信息,否则显示登录表单。

    <div id="login">  
          <h3>用户登录</h3>  
          <?php  
          if(isset($_SESSION['user'])){  
          ?>  
          <div id="result">  
            <p><strong><?php echo $_SESSION['user'];?></strong>,恭喜您登录成功!</p>  
            <p>您这是第<span><?php echo $_SESSION['login_counts'];?></span>次登录本站。</p>  
            <p>上次登陆本站的时间是:<span><?php echo date('Y-m-d H:i:s',$_SESSION['login_time']);?>  
    </span></p><p><a href='#' id='logout'>【退出】</a></p>  
          </div>  
          <?php }else{?>  
          <div id="login_form">  
              <p><label>用户名:</label> <input type="text" class="input" name="user" id="user" /></p>  
              <p><label>密 码:</label> <input type="password" class="input" name="pass" id="pass" />  
    </p>  
              <div class="sub">  
                  <input type="submit" class="btn" value="登 录" />  
              </div>  
          </div>  
          <?php }?>  
    </div>

    global.js登录

    $(".btn").live('click',function(){  
        var user = $("#user").val();  
        var pass = $("#pass").val();  
        if(user==""){  
            $('<div id="msg" />').html("用户名不能为空!").appendTo('.sub').fadeOut(2000);  
            $("#user").focus();  
            return false;  
        }  
        if(pass==""){  
            $('<div id="msg" />').html("密码不能为空!").appendTo('.sub').fadeOut(2000);  
            $("#pass").focus();  
            return false;  
        }  
        $.ajax({  
            type: "POST",  
            url: "ajax.php?action=login",  
            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>您这是第<span>"+json.login_counts+"</span>次登录本站。</p>  
                    <p>上次登录本站的时间是:<span>"+json.login_time+"</span></p><p>  
                    <a href='#' id='logout'>【退出】</a></p></div>";  
                    $("#login").append(div);  
                }else{  
                    $("#msg").remove();  
                    $('<div id="errmsg" />').html(json.msg).css("color","#999").appendTo('.sub')  
    .fadeOut(2000);  
                    return false;  
                }  
            }  
        });  
    });

    global.js退出

    $("#logout").live('click',function(){  
        $.post("ajax.php?action=logout",function(msg){  
            if(msg==1){  
                 $("#result").remove();  
                 var div = "<div id='login_form'><p><label>用户名:</label>   
                 <input type='text' class='input' name='user' id='user' /></p>  
                 <p><label>密 码:</label> <input type='password' class='input' name='pass'   
    id='pass' /></p>  
                 <div class='sub'><input type='submit' class='btn' value='登 录' /></div>  
                 </div>";  
                 $("#login").append(div);  
            }  
        });  
    });

    ajax.php

    用户登录和退出后端PHP操作如下:

    session_start();  
    require_once ('connect.php');  
      
    $action = $_GET['action'];  
    if ($action == 'login') {  //登录  
        $user = stripslashes(trim($_POST['user']));  
        $pass = stripslashes(trim($_POST['pass']));  
        if (empty ($user)) {  
            echo '用户名不能为空';  
            exit;  
        }  
        if (empty ($pass)) {  
            echo '密码不能为空';  
            exit;  
        }  
        $md5pass = md5($pass); //密码使用md5加密  
        $query = mysql_query("select * from user where username='$user'");  
      
        $us = is_array($row = mysql_fetch_array($query));  
      
        $ps = $us ? $md5pass == $row['password'] : FALSE;  
        if ($ps) {  
            $counts = $row['login_counts'] + 1;  
            $_SESSION['user'] = $row['username'];  
            $_SESSION['login_time'] = $row['login_time'];  
            $_SESSION['login_counts'] = $counts;  
            $ip = get_client_ip(); //获取登录IP  
            $logintime = mktime();  
            $rs = mysql_query("update user set login_time='$logintime',login_ip='$ip',  
    login_counts='$counts'");  
            if ($rs) {  
                $arr['success'] = 1;  
                $arr['msg'] = '登录成功!';  
                $arr['user'] = $_SESSION['user'];  
                $arr['login_time'] = date('Y-m-d H:i:s',$_SESSION['login_time']);  
                $arr['login_counts'] = $_SESSION['login_counts'];  
            } else {  
                $arr['success'] = 0;  
                $arr['msg'] = '登录失败';  
            }  
        } else {  
            $arr['success'] = 0;  
            $arr['msg'] = '用户名或密码错误!';  
        }  
        echo json_encode($arr); //输出json数据  
    }  
    elseif ($action == 'logout') {  //退出  
        unset($_SESSION);  
        session_destroy();  
        echo '1';  
    }
    1. 本站所有资源来源于用户上传和网络,因此不包含技术服务请大家谅解!如有侵权请邮件联系客服!503803366@qq.com
    2. 本站不保证所提供下载的资源的准确性、安全性和完整性,资源仅供下载学习之用!如有链接无法下载、失效或广告,请联系客服处理,有奖励!
    3. 您必须在下载后的24个小时之内,从您的电脑中彻底删除上述内容资源!如用于商业或者非法用途,与本站无关,一切后果请用户自负!
    4. 如果您也有好的资源或教程,您可以投稿发布,成功分享后有站币奖励和额外收入!

    FE素材网 » PHP+jQuery+Ajax+SESSION登录与退出

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。
    下载链接失效怎么办?
    如果遇到资源下载失效时请联系FE素材网在线客服

    发表评论

    • 1797会员总数(位)
    • 4520资源总数(个)
    • 0本周发布(个)
    • 0 今日发布(个)
    • 1411稳定运行(天)

    提供最优质的互联网站长建站素材集合

    升级会员 WordPress主题
    升级SVIP尊享更多特权立即升级