jquery java ajax_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');

原生:    echo  json_encode($array)