商会资讯

标题: ThinkPHP中使用Ajax用户登陆 [打印本页]

作者: admin 时间: 2013-3-24 03:39
标题: ThinkPHP中使用Ajax用户登陆
[attach]25[/attach]

一、采用了jquery类库实现

二、ThinkPHP方法自带方法

本次试验使用jquery方法

实现效果：
[attach]26[/attach]

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',{username

user,userpwd

pwd,verify

verify},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>

欢迎光临商会资讯 (http://smellage.com/)