商会资讯

 找回密码
 立即注册

QQ登录

只需一步,快速开始

用新浪微博连接

一步搞定

搜索
热搜: 活动 交友 discuz
查看: 9055|回复: 0
打印 上一主题 下一主题

ThinkPHP中使用Ajax用户登陆

[复制链接]

109

主题

1

好友

3774

积分

管理员

Rank: 9Rank: 9Rank: 9

  • ta_mind
    mb_qb7
    2013-3-19 01:56
  • classn_01: 366 classn_02

    [LV.9]以坛为家II

    跳转到指定楼层
    楼主
    发表于 2013-3-24 03:39:18 |只看该作者 |倒序浏览

    一、采用了jquery类库实现

    二、ThinkPHP方法自带方法

    本次试验使用jquery方法

    实现效果:

    UserAction.class.php

    <?php
    class UserAction extends Action{
    public function index(){
    $title = '用户登陆';
    $this->assign('title', $title);
    $this->display();
    }
    public function check(){
    $user=D('User');
    if($_SESSION['verify'!=md5($_GET['verify'])){
    $this->ajaxReturn('验证码不正确!','验证码不正确!',0);
    }
    if(empty($_GET['username']) || empty($_GET['userpwd'])){
    $this->ajaxReturn('用户名或密码不能为空','用户名或密码不能为空',0);
    }
    if(!$vo=$user->where(array('username'=>$_GET['username']))->find()){
    $this->ajaxReturn('用户名不存在'.$_GET['username','用户名不存在',0);
    }else{
    if($pwd=$user->where(array('userpwd'=>$_GET['userpwd']))->find()){
    $this->ajaxReturn('登陆成功','登陆成功',1);
    }else{
    $this->ajaxReturn('密码不正确','密码不正确',0);
    }
    }
    }
    }

    模板index.html

    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN""http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
    <html xmlns="http://www.w3.org/1999/xhtml">
    <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>{$title}</title>
    <script lang="javascript" type="text/javascript" src="__PUBLIC__/Js/jquery-1.8.0.js"></script>
    <script>
    $(function(){
    $('input:button').click(function(){
    var $user=$('input[name="username"]').val();
    var $pwd=$('input[name="userpwd"]').val();
    var $verify=$('input[name="verify"]').val();
    //alert($user+$pwd+$verify);
    $mess=$('#mess');

    $.getJSON('__URL__/check',{usernameuser,userpwdpwd,verifyverify},function(json){
    if(json.status==1){
    $mess.slideDown(3000,function(){
    $mess.css('display','block');
    }).html(json.data);
    }else{
    $mess.slideDown(3000,function(){
    $mess.css('display','block');
    }).html(json.data);
    }
    })
    })
    })
    </script>
    </head>

    <body>
    <div style="display: none; color:red;" id="mess"></div>
    <form action="__URL__/check" method="get">
    用户名:
    <input type="text" name="username" /><br />
    密码:
    <input type="text" name="userpwd" /><br />
    验证码:
    <input type="text" maxlength="4" name="verify" /><img src="__APP__/User/verify"onclick="this.src='__APP__/User/verify'" style="cursor: pointer;" /><br />
    <input type="button" value="登陆" /><a href="__URL__/reg">注册</a>
    </form>
    </body>
    </html>


    本帖子中包含更多资源

    您需要 登录 才可以下载或查看,没有帐号?立即注册

    分享到: QQ空间QQ空间 腾讯微博腾讯微博 腾讯朋友腾讯朋友
    分享分享0 收藏收藏0 转发到微博
    回复

    使用道具 举报

    您需要登录后才可以回帖 登录 | 立即注册

    回顶部