ECSHOPにajaxポップアップウィンドウログイン機能を実装-jsチュートリアル-php.cn

ECSHOPにajaxポップアップウィンドウログイン機能を実装

亚连

リリース： 2018-05-22 15:59:28

オリジナル

2754 人が閲覧しました

この記事では、ecshop に ajax ポップアップログイン機能を実装する方法を主に紹介します。コードはシンプルでわかりやすく、非常に優れており、必要な友人は参照できます。記事では、openSpep メソッドを使用して Ecshop を実装する方法を紹介しました。参考までに、ログインポップアップウィンドウボックスの効果をクリックしてください。以下では、AJAX ポップアップウィンドウログインの実装方法について説明します。

ECSHOP の user.PHP はユーザーのログインリクエストを処理します。

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

ログイン後にコピー

上記のコードを修正し、認証コード

が必要な部分を削除し、

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

ログイン後にコピー

に変更します

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

ログイン後にコピー

を

に変更します

りー

common.js ファイルの openLginp() メソッドで、newp.innerHTML の HTML コードを変更し、ログインボックスのラベルに ajaxLoginSubmit() メソッドを追加します。

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

ログイン後にコピー

あと 2 つのメソッドを自分で書くだけです

//生成层内内容 
 newp.innerHTML = &#39;<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>&#39;;

ログイン後にコピー

上記は私がまとめたもので、将来的に皆さんのお役に立てれば幸いです。

AJAXに関するインタビューの質問(回答付き)

AJAXの使い方の詳細な分析(コード貼り付け)

アンチajaxに基づいたPHPプッシュ実装メッセージの詳細リアルタイムプッシュ手順の説明

以上がECSHOPにajaxポップアップウィンドウログイン機能を実装の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。