我是靠谱客的博主 虚心西牛,最近开发中收集的这篇文章主要介绍ECSHOP中实现ajax弹窗登录,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

弹窗登录上一篇博客已介绍:地址

http://blog.csdn.net/likyqp/article/details/61619196


下面介绍如何实现AJAX弹窗登录。

在ECSHOP中的user.php中有处理用户登录的请求。

/* 处理 ajax 的登录请求 */
elseif ($action == 'signin')
{
include_once('includes/cls_json.php');
$json = new JSON;
$username = !empty($_POST['username']) ? json_str_iconv(trim($_POST['username'])) : '';
$password = !empty($_POST['password']) ? trim($_POST['password']) : '';
$captcha = !empty($_POST['captcha']) ? json_str_iconv(trim($_POST['captcha'])) : '';
$result
= array('error' => 0, 'content' => '');
$captcha = intval($_CFG['captcha']);
if (($captcha & CAPTCHA_LOGIN) && (!($captcha & CAPTCHA_LOGIN_FAIL) || (($captcha & CAPTCHA_LOGIN_FAIL) && $_SESSION['login_fail'] > 2)) && gd_version() > 0)
{
if (empty($captcha))
{
$result['error']
= 1;
$result['content'] = $_LANG['invalid_captcha'];
die($json->encode($result));
}
/* 检查验证码 */
include_once('includes/cls_captcha.php');
$validator = new captcha();
$validator->session_word = 'captcha_login';
if (!$validator->check_word($_POST['captcha']))
{
$result['error']
= 1;
$result['content'] = $_LANG['invalid_captcha'];
die($json->encode($result));
}
}
if ($user->login($username, $password))
{
update_user_info();
//更新用户信息
recalculate_price(); // 重新计算购物车中的商品价格
$smarty->assign('user_info', get_user_info());
$ucdata = empty($user->ucdata)? "" : $user->ucdata;
$result['ucdata'] = $ucdata;
$result['content'] = $smarty->fetch('library/member_info.lbi');
}
else
{
$_SESSION['login_fail']++;
if ($_SESSION['login_fail'] > 2)
{
$smarty->assign('enabled_captcha', 1);
$result['html'] = $smarty->fetch('library/member_info.lbi');
}
$result['error']
= 1;
$result['content'] = $_LANG['login_failure'];
}
die($json->encode($result));
}


把上面这段代码修改一下,删掉需要验证码的部分


改成

/* 处理 ajax弹窗登录请求 */
elseif ($action == 'ajax_login')
{
include_once('includes/cls_json.php');
$json = new JSON;
$username = !empty($_POST['username']) ? json_str_iconv(trim($_POST['username'])) : '';
$password = !empty($_POST['password']) ? trim($_POST['password']) : '';
$result
= array('error' => 0, 'content' => '');
$captcha = intval($_CFG['captcha']);
if ($user->login($username, $password))
{
update_user_info();
//更新用户信息
recalculate_price(); // 重新计算购物车中的商品价格
$smarty->assign('user_info', get_user_info());
$ucdata = empty($user->ucdata)? "" : $user->ucdata;
$result['ucdata'] = $ucdata;
$result['content'] = $smarty->fetch('library/member_info.lbi');
}
else
{
$result['error']
= 1;
$result['content'] = $_LANG['login_failure'];
}
die($json->encode($result));
}

// 不需要登录的操作或自己验证是否登录(如ajax处理)的act
$not_login_arr =
array('login','act_login','register','act_register','act_edit_password','get_password','send_pwd_email','password', 'signin', 'add_tag', 'collect', 'return_to_cart', 'logout', 'email_list', 'validate_email', 'send_hash_mail', 'order_query', 'is_registered', 'check_email','clear_history','qpassword_name', 'get_passwd_question', 'check_answer');

改成


// 不需要登录的操作或自己验证是否登录(如ajax处理)的act
$not_login_arr =
array('ajax_login','login','act_login','register','act_register','act_edit_password','get_password','send_pwd_email','password', 'signin', 'add_tag', 'collect', 'return_to_cart', 'logout', 'email_list', 'validate_email', 'send_hash_mail', 'order_query', 'is_registered', 'check_email','clear_history','qpassword_name', 'get_passwd_question', 'check_answer');


common.js文件下,
在openLginDiv()方法里,将newDiv.innerHTML的HTML代码修改下,在登录框标签里加个ajaxLoginSubmit()方法。

//生成层内内容
newDiv.innerHTML = '<form id="ajax_loginForm">用户名:<br><input type="text" name="username" id="ajax_username"/>密码:<br><input type="password" name="password" id="ajax_password"/><br><br><button type="button" οnclick="ajaxLoginSubmit()">登录</button> <button type="button" οnclick="closeLoginForm()">关闭</button></form>';

再自己写两个方法即可

function ajaxLoginSubmit(){
var username = document.getElementById('ajax_username').value;
var password = document.getElementById('ajax_password').value;
Ajax.call('user.php?act=ajax_login','username='+username+'&password='+password,ajaxLoginResponse,'POST','JSON');
}
function ajaxLoginResponse(result){
if(result.error == 0){
alert('登录成功');
}else{
alert('登录失败');
}
return false;
}



最后

以上就是虚心西牛为你收集整理的ECSHOP中实现ajax弹窗登录的全部内容,希望文章能够帮你解决ECSHOP中实现ajax弹窗登录所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(34)

评论列表共有 0 条评论

立即
投稿
返回
顶部