`
xllily
  • 浏览: 121562 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

ecshop ajax无刷新登陆

阅读更多

ecshop  ajax无刷新登陆

(2011-03-16 15:03:33)
<script></script>标签:

it

 
<!-- 正文开始 -->
<!--{if $user_info}-->

<div class="lef_tit_bj">会员登陆</div>
 <div class="left_conn_bj">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                       <tr>
                    <td height="50" align="center" valign="middle"><label><strong>Hello {$user_info.username}</strong></label></td>
                     </tr>
                      <tr>
                      <td height="30" align="center" valign="middle"><strong>欢迎光临本店</strong></td>
                      </tr>
                      <tr>
                      <td height="40" align="center" valign="bottom"><label>
                     <a href="user.php?act=logout"> <img src="../images/tuichu.gif"></a>
                        &nbsp; 
                      <a href="user.php"> <img src="../images/jinrultan.gif"></a>
                      </label></td>
                      </tr>
                      </table>
 </div>
   </div>

<!--{else}-->


<div class="lef_tit_bj">会员登录</div>
 <div class="left_conn_bj">
 
<form id="ECS_LOGINFORM" name="ECS_LOGINFORM" method="post" action="javascript:signIn()">
    <table width="100%" border="0" cellspacing="0" cellpadding="0">
                       <tr>
                    <td height="50" align="right" valign="middle">用户名:</td>
                     <td height="50" align="left" valign="middle"><label>
                       <input type="text" name="username" class="yonhu_input"  style="height:15px;"/>
                     </label></td>
                      </tr>
                      <tr>
                      <td height="30" align="right" valign="middle"> 密&nbsp; 码:</td>
                      <td height="30" align="left" valign="middle"><input type="password" name="password" class="yonhu_input" style="height:15px;" /></td>
                      </tr>
                      <tr>
                      <td height="40" colspan="2" align="center" valign="bottom"><label>
                        <input type="image" name="imageField" src="images/denglu_bann.jpg" />
                        &nbsp; 
                        <a href="user.php?act=register"><img src="images/zhuce_bann.jpg" border="0" /></a>
                      </label></td>
                      </tr>
    </table>
  </form>
 </div>
   </div>
<!--{/if}-->
{literal}
<script type="text/javascript">
function signIn()
{
  var frm = document.forms['ECS_LOGINFORM'];

  if (frm)
  {
    var username = frm.elements['username'].value;
    var password = frm.elements['password'].value;
    var captcha = '';
    if (frm.elements['captcha'])
    {
      captcha = frm.elements['captcha'].value;
    }

    if (username.length == 0 || password.length == 0)
    {
{/literal}
       alert("{$lang.empty_username_password}");
{literal}
        return;
    }
    else
    {
       Ajax.call('user.php?act=signin', 'username=' + username + '&password=' + encodeURIComponent(password) + '&captcha=' + captcha, signinResponse, "POST", "TEXT");
    }
  }
  else
  {
    alert('Template error!');
  }
}

function signinResponse(result)
{
  var userName = document.forms['ECS_LOGINFORM'].elements['username'].value;
  var mzone = document.getElementByIdx_x("ECS_MEMBERZONE");
  var res   = result.parseJSON();

  if (res.error > 0)
  {
    alert(res.content);
    if(res.html)
    {
      mzone.innerHTML = res.html;
      document.forms['ECS_LOGINFORM'].elements['username'].value = userName;
    }
  }
  else
  {
   if (mzone)
    {
      mzone.innerHTML = res.content;
   evalscript(res.ucdata);
      //alert(res.ucdata);
    }
    else
    {
      window.location.reload()
    }
  }
}
</script>

{/literal}
分享到:
评论

相关推荐

    ecshop中ajax操作原理

    在现代Web开发中,Ajax技术因其能够实现页面局部刷新而被广泛运用。本篇文章将深入解析ecshop平台中的Ajax操作原理,帮助开发者更好地理解其工作流程和技术细节。 #### 二、ecshop中的Ajax操作背景与应用场景 ...

    ecshop商品列表页面筛选功能插件 仿淘宝

    - **Ajax**:实现无刷新的数据交换,提高用户体验。 - **PHP**:作为ECSHOP的主要后端语言,处理筛选请求并返回相应数据。 - **MySQL**:存储商品信息和筛选条件,进行高效的数据库查询。 文件名“商品列表页面”...

    ecshop解决购物车ajax修改商品数量

    本文将详细介绍如何在ecshop系统中利用Ajax技术实现在不刷新页面的情况下修改购物车内的商品数量。 #### 二、关键技术点 1. **Ajax技术**:Ajax(Asynchronous JavaScript and XML)是一种在无需重新加载整个网页...

    qq登陆插件,ecshop支持qq登陆

    这涉及到JavaScript和HTML的编写,可能需要用到AJAX进行异步请求,确保用户无刷新体验。 4. **后端处理**:用户授权后,QQ服务器会返回一个授权码,开发者需要通过这个授权码向QQ服务器请求access_token和open_id。...

    ecshop更新购物车

    "实测好用,ecshop实时更新购物车"表明ECShop系统在购物车管理方面实现了无刷新(Ajax)更新,即在用户增加、减少商品数量或删除商品时,无需刷新整个页面就能即时显示更新后的购物车状态,提升了用户体验。...

    ECSHOP后台会员列表中显示会员最后登录时间插件

    5. **页面动态加载**:为了提高用户体验,可能需要使用Ajax异步加载技术,使得会员列表在不刷新整个页面的情况下更新最后登录时间,这需要用到JavaScript和Ajax相关的库,如jQuery。 6. **权限控制**:确保只有具备...

    ECSHOP尺码颜色插件

    4. **Ajax异步更新**:当用户选择某一特定颜色和尺码时,通过Ajax请求后台数据,实时反馈库存信息,避免页面刷新,提升用户体验。 5. **兼容性与升级**:考虑到文件名为"ECSHOP尺码颜色插件2.7.2 and 2.7.3",这...

    ecshop多属性购买

    5. **优化与扩展**:为了提升用户体验,开发者还可以考虑优化商品属性的筛选和搜索功能,增加属性组合的预览效果,或者通过AJAX实现无刷新的属性选择和购物车更新,提高页面加载速度。 6. **安全与维护**:在使用...

    ecshop在线客服插件

    1. AJAX:用于实现页面无刷新的实时通信,提高用户体验。 2. WebSocket:提供双向实时通信,保证客服与客户间的即时交流。 3. JavaScript 和 jQuery:处理前端交互逻辑,实现动态效果。 4. PHP:作为ECSHOP的后端...

    ecshop 快速下订单

    1. **JavaScript 和 AJAX**:通过前端脚本技术动态更新页面,实现无刷新购物体验。 2. **PHP 后端处理**:处理用户请求,与数据库交互,完成订单创建、状态更新等操作。 3. **数据库优化**:可能涉及到商品库存、...

    ECSHOP中实现ajax弹窗登录功能

    通过Ajax技术可以使用户在不刷新页面的情况下完成登录,提供更流畅的用户体验。 首先来看前端弹窗技术,通常需要使用JavaScript和HTML来创建一个登录界面,然后通过调用Ajax方法与后端进行交互。在ECSHOP中,可以...

    ECSHOP 模板结构说明

    - **库文件更新机制**:修改模板文件中的库文件内容不会生效,因为页面刷新时,系统会自动从库文件中重新加载内容,确保了内容的最新性和准确性。 - **ID保留规则**:所有以“ECS_”开头的ID值必须保留,这些ID与...

    ECSHOP 商品页多属性批量购买插件

    这通常涉及到AJAX技术,通过异步更新来动态改变页面内容,无需刷新整个页面。用户可以通过点击或选择框来选择商品属性,同时批量添加到购物车,大大提高了购买效率。 "data"目录可能包含了插件的配置数据或者在运行...

    ECSHOP批量添加商品到购物车

    - Ajax:实现页面无刷新通信,使用户在不离开当前页面的情况下完成商品的批量添加。 - PHP:后端处理逻辑,包括验证请求、查询商品数据、更新购物车信息等。 - 数据库操作:使用SQL语句查询商品信息,如价格、...

    ecshop筛选功能插件

    前端交互则涉及到AJAX技术,使得用户在不刷新整个页面的情况下就能实时看到筛选结果。 1. **数据库设计与优化**:在数据库设计时,可能需要为商品表增加额外的字段,如价格区间、品牌ID等,以便于快速筛选。同时,...

    ecshop 自动弹出信息在线客服插件

    1. **JavaScript和Ajax**:通常,这种插件会使用JavaScript进行前端交互逻辑的实现,通过Ajax技术实现实时无刷新的聊天功能,确保用户在与客服交流时不会打断其浏览体验。 2. **Cookie和Session管理**:为了跟踪...

    ecshop小京东移动端积分兑换优惠券功能

    前端通常使用HTML、CSS和JavaScript构建页面,通过Ajax技术实现无刷新的交互体验。后端可能采用PHP(ecshop的基础语言)或其他服务器端语言处理兑换请求,确保积分的正确扣除和优惠券的生成。 总的来说,"ecshop小...

    ecshop 手机购物车 多选多删除插件

    3. **AJAX通信**:当用户确认删除商品时,插件会使用AJAX异步请求将删除指令发送到服务器,以避免刷新整个页面。这里可能涉及JSON格式的数据传输,以及错误处理机制。 4. **后端处理**:在服务器端,PHP脚本接收到...

Global site tag (gtag.js) - Google Analytics