JqueryAjax登录实现

一个完整的Ajax提交(POST)

前台(JqueryAjax)

$(function(){
$('.dl_btn').click(function(){
$.ajax({
type: "POST",                              // 提交方式 POST
dataType : "json",                         // 预期服务器返回的数据类型 json
data: $("#login").serialize(),             // 将表单中要提交的内容序列号
async : true,                              // 默认设置下，所有请求均为异步请求
url : "__GROUP__/Public/checkLogin",      // 需要提交的URL
success : function(msg){                   // 请求成功后的回调函数。
// console.debug(msg);
if(dmsg.code !=8){
alert(msg.message);
}else{
window.location.href='/Index/index/';
}
}
},
// XHR: 全称： XMLHttpRequest
error:functuon(jqXHR){
alert("错误信息为" + "jqXHR.status");
} // 另一种写法
error: function (data, status, e) {//服务器响应失败处理函数
alert(e);
}
});
})
});

注意，如果将ajax提交封装到一个方法中，同步方式必须选择false！

2. 后台处理(PHP):

/**
 * 检测登录
 */
public function checkLogin()
{
if($_SESSION['userInfo']){
$this->redirect('/');
}
// 初始化output
$output['code'] = 0;
if(empty($_POST['username'])){
$output['code'] = 5;
$output['message'] = '用户名不能为空';
$this->ajaxReturn($output,'json');
}
if(empty($_POST['password'])){
$output['code'] = 6;
$output['message'] = '密码不能为空';
$this->ajaxReturn($output,'json');
}
if(empty($_POST['verify'])){
$output['code'] = 7;
$output['message'] = '验证码不能为空';
$this->ajaxReturn($output,'json');
}
$data = array(
'user_account' => $_POST['username'],
'user_pwd'     => $_POST['password'],
'verify'       => $_POST['verify']
);
$user = new UserModel();
$userInfo = $user->getUserByAccount($data['user_account']);
if($_SESSION['verify'] != md5($data['verify'])){
$output['code'] = 4;
$output['message'] = '验证码不正确,请重新输入';
$this->ajaxReturn($output,'json');
}
if($userInfo){
if(!$userInfo['user_status']){
$output['code'] = 2;
$output['message'] = '用户已冻结,禁止登录';
$this->ajaxReturn($output,'json');
}
if($userInfo['user_pwd'] == md5($data['user_pwd'])){
$_SESSION['userInfo'] = $userInfo;
$node = new UserNodeModel();
$_SESSION['node'] = $node->getUserNodeById($userInfo['id']);
$output['code'] = 8;
$this->ajaxReturn($output,'json');
}else{
$output['code'] = 3;
$output['message'] = '密码不正确,请重新输入';
}
}else{
$output = array(
'code' => 1,
'message' => '用户不存在'
);
}

服务器返回数据:

ThinkPHP: $this->ajaxReturn($output, 'json');

http://doc.thinkphp.cn/manual/ajax_return.html

原生: echo json_encode($array)