ECSHOP中实现ajax弹窗登录功能

框架(架构)  /  管理员 发布于 7年前   453

在上篇文章给大家介绍了使用openSpeDiv方法实现Ecshop登录弹窗框效果，大家点击参考下

下面介绍如何实现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" onclick="ajaxLoginSubmit()">登录</button> <button type="button" onclick="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弹窗登录功能，希望对大家有所帮助，如果大家有任何疑问请给我留言，小编会及时回复大家的。在此也非常感谢大家对站的支持！