+ 收藏我们

网站模板

网站模板搜索
404模板 营销型模板 外贸网站模板 单页模板 双语模板 标签大全

注册

通过AJAX方式动态更新ecshop购物车页面的商品数量

AB模板网 / 2015-08-15
每次用户进入ecshop购物流程的时候当需要更改购物车里的商品数量的时候必须要手动点击更新按钮,这是非常糟糕的用户体验,我们有必要去改进这一点。
以下是通过AJAX方式来动态更新ECShop购物车页面商品数量的解决办法
一、前端页面部分(flow.dwt)
在商品数量的input框添加对应的js函数
<INPUT  onblur=”changePrice(document.getElementById(‘goods_number_{$goods.rec_id}’).value,{$goods.rec_id})” name=”goods_number[{$goods.rec_id}]” id=”goods_number_{$goods.rec_id}” value=”{$goods.goods_number}”  id=”ECS_FORMBUY”>
在文件最后添加一段js
 
<script type=”text/javascript”>
function changePrice(number,rec_id)
{
  var attr = getSelectedAttributes(document.forms['ECS_FORMBUY']);
  var qty = document.forms['ECS_FORMBUY'].elements['number'].value;
 
   Ajax.call(‘flow.php’, ‘step=update_group_cart&rec_id=’ + rec_id +’&number=’ + number, changePriceResponse, ‘GET’, ‘JSON’);
}
function changePriceResponse(res)
{
  if (res.error > 0)
  {
    document.getElementById(‘sysmsg_error’).innerHTML = res.content;
    document.all.sysmsg_error.style.display=”;
  }
  else
  {
    if(document.all.sysmsg_error.style.display==”)
  {
   document.all.sysmsg_error.style.display=’none’;
  }
 document.getElementById(‘subtotal_’+res.rec_id).innerHTML = res.subtotal;
 document.getElementById(‘cart_amount’).innerHTML = res.cart_amount;
  }
}
</script>
 
二、在flow.php文件中插入对应的处理代码:
elseif($_REQUEST['step'] == ‘update_group_cart’)
{
include_once(‘includes/cls_json.php’);
$json = new JSON();
$result = array(‘error’ => ”, ‘content’ => ”);
$rec_id = $_GET['rec_id'];
$number = $_GET['number'];
$group_buy = group_buy_info($_SESSION['extension_id'], $number);
if(!is_numeric($number))
{
$result['error'] = ’1′;
$result['content'] =’请输入合法数量’;
die($json->encode($result));
}
if ($group_buy['restrict_amount'] > 0 && $number > ($group_buy['restrict_amount'] – $group_buy['valid_goods']))
 {
$result['error'] = ’1′;
$restrict_amount =  $group_buy['restrict_amount'] – $group_buy['valid_goods'];
$result['content'] =’您最多可买’.$restrict_amount.’件’;
die($json->encode($result));
}
$sql = “UPDATE ” . $GLOBALS['ecs']->table(‘cart’) . ” SET goods_number = ‘$number’ WHERE rec_id = $rec_id”;
$GLOBALS['db']->query($sql);
$subtotal = $GLOBALS['db']->getONE(“select goods_price * goods_number AS subtotal from “.$GLOBALS['ecs']->table(‘cart’).” where rec_id = $rec_id”);
$cart_amount = cart_amount(”,$_SESSION['flow_type']);
$result['subtotal'] = price_format($subtotal, false);
$result['cart_amount'] = price_format($cart_amount, false);
$result['rec_id'] = $rec_id;
die($json->encode($result));
}
 
还等什么?马上清空echsop的缓存刷新页面看看效果吧。
文章搜集与网络,如有侵权请联系本站,转载请说明出处:https://www.adminbuy.cn/ecshopjc/1402.html

有问题可以加入网站技术QQ群一起交流学习

本站vip会员 请加入AB模板网 VIP群(577645397) PS:加入时备注用户名或昵称

普通注册会员或访客 请加入AB模板网 技术交流群(818577662)

客服微信号:wwwadminbuycn

☉首先声明,只要是我们的vip会员全站所有资源均可以免费下载,不做任何限制(了解更多)

☉本站的源码不会像其它下载站一样植入大量的广告。

☉本站提供的网站源码,都是做好测试好发布的,均可放心使用。

☉本站提供的网站源码,均带数据及演示地址。可以在任一源码详情页查看演示地址。

☉为了vip利益的最大化,我们还提供了vip赠品(了解更多

☉如有其他问题,请加网站客服QQ(9490489)进行交流。

首页 pbootcms模板 html模板 会员中心
 
QQ在线咨询

推荐添加下面的微信客服

添加微信客服