您现在的位置是:首页 > 教程 > ecshop商城教程ecshop商城教程
ecshop实现ajax无刷新更新购物车的实例代码
卢帆新2023-11-14 20:34:30ecshop商城教程已有人查阅
导读先打开flow.dwt,找到,把下面的input框里面的替换成,然后在下一个后加一段js代码,找到{$shopping_money}和{$market_price_desc},分别替换为
先打开flow.dwt,找到
<!– {if $goods.goods_id gt 0 && $goods.is_gift eq 0 && $goods.parent_id eq 0} 普通商品可修改数量 –>
把下面的input框里面的替换成
<a href=”javascript:;” onclick=”red_num({$goods.rec_id},{$goods.goods_id});”> – </a><input type=”text” name=”goods_number[{$goods.rec_id}]” id=”goods_number_{$goods.rec_id}” value=”{$goods.goods_number}” size=”4″ style=”text-align:center ” onblur=”change_price({$goods.rec_id},{$goods.goods_id})”/><a href=”javascript:;” onclick=’add_num({$goods.rec_id},{$goods.goods_id})’ >+</a>
然后在下一个</td>后加一段js代码
<script type=”text/javascript” charset=”utf-8″>
function add_num(rec_id,goods_id)
{
document.getElementByIdx_xx_x_x(“goods_number_”+rec_id+”").value++;
var number = document.getElementByIdx_xx_x_x(“goods_number_”+rec_id+”").value;
Ajax.call(‘flow.php’, ‘step=update_group_cart&rec_id=’ + rec_id +’&number=’ + number+’&goods_id=’ + goods_id, changePriceResp**e, ‘GET’, ‘JSON’);
}
function red_num(rec_id,goods_id)
{
if (document.getElementByIdx_xx_x_x(“goods_number_”+rec_id+”").value>1)
{
document.getElementByIdx_xx_x_x(“goods_number_”+rec_id+”").value–;
}
var number = document.getElementByIdx_xx_x_x(“goods_number_”+rec_id+”").value;
Ajax.call(‘flow.php’, ‘step=update_group_cart&rec_id=’ + rec_id +’&number=’ + number+’&goods_id=’ + goods_id, changePriceResp**e, ‘GET’, ‘JSON’);
}
function change_price(rec_id,goods_id){
var number = document.getElementByIdx_xx_x_x(“goods_number_”+rec_id+”").value;
//alert(number);
Ajax.call(‘flow.php’,'step=update_group_cart&rec_id=’ + rec_id +’&number=’ + number+’&goods_id=’ + goods_id, changePriceResp**e, ‘GET’, ‘JSON’);
}
function changePriceResp**e(result)
{
if(result.error == 1)
{
alert(result.content);
document.getElementByIdx_xx_x_x(“goods_number_”+result.rec_id+”").value =result.number;
}
else
{
document.getElementByIdx_xx_x_x(‘subtotal_’+result.rec_id).innerHTML = result.subtotal;//商品总价
document.getElementByIdx_xx_x_x(‘cart_amount_desc’).innerHTML = result.cart_amount_desc;//购物车商品总价说明
document.getElementByIdx_xx_x_x(‘market_amount_desc’).innerHTML = result.market_amount_desc;//购物车商品总市价说明
}
}
</script>
接着把下一行的
<td align=”right” bgcolor=”#ffffff” >{$goods.subtotal}</td>
替换为
<td align=”right” bgcolor=”#ffffff” id=”subtotal_{$goods.rec_id}”>{$goods.subtotal}</td>
找到{$shopping_money}和{$market_price_desc},分别替换为
<span id=”cart_amount_desc”>{$shopping_money}</span>
和
<span id=”market_amount_desc”>{$market_price_desc}</span>
然后打开flow.php,在elseif ($_REQUEST['step'] == ‘c**ignee’)上面加这一段代码。
//二次开发,ajax更新购物车
elseif($_REQUEST['step']==’update_group_cart’)
{
include_once(‘includes/cls_json.php’);
$result = array(‘error’ => 0, ‘message’ => ”, ‘content’ => ”, ‘goods_id’ => ”);
$json = new JSON;
$rec_id = $_GET['rec_id'];
$number = $_GET['number'];
$goods_id = $_GET['goods_id'];
$result['rec_id'] = $rec_id;
if ($GLOBALS['_CFG']['use_storage'] == 1)
{
$goods_number = $GLOBALS['db']->getOne(“select goods_number from “.$GLOBALS['ecs']->table(‘goods’).” where goods_id=’$goods_id’”);
if($number>$goods_number)
{
$result['error'] = ’1′;
$result['content'] =’对不起,您选择的数量超出库存您最多可购买’.$goods_number.”件”;
$result['number']=$goods_number;
die($json->encode($result));
}
}
$sql = “UPDATE ” . $GLOBALS['ecs']->table(‘cart’) . ” SET goods_number = ‘$number’ WHERE rec_id = $rec_id”;
$GLOBALS['db']->query($sql);
$cart_goods = get_cart_goods();
$subtotal = $GLOBALS['db']->getONE(“select goods_price * goods_number AS subtotal from “.$GLOBALS['ecs']->table(‘cart’).” where rec_id = $rec_id”);
$result['subtotal'] = price_format($subtotal, false);
$result['cart_amount_desc'] = sprintf($_LANG['shopping_money'], $cart_goods['total']['goods_price']);
$result['market_amount_desc'] = sprintf($_LANG['than_market_price'], $cart_goods['total']['market_price'], $cart_goods['total']['saving'], $cart_goods['total']['save_rate']
);
die($json->encode($result));
本文标签:
很赞哦! ()
相关文章
随机图文
-
ecshop模板安装,ecshop模板更换,ecshop模板上传方法
不少用户自行下载了模板不会安装,我们在这里提供了简单的安装方法供新手参考,一般来说,ECSHOP模板安装分为两种: -
删除RSS文件(feed.php)里的ecshop版权信息的方法
RSS 文件 (feed.php 或 feed.xml) 里面也包含一些ECSHOP官方预留的版权信息,今天有网友问我怎么去掉这些?下面我就把删除这些版权信息的教程公布在这里: -
ecshop增加多个ecshop商品编辑器教程
在做商产品详情的时候,经常会有选项卡类似的几个产品说明,如:商品详情,商品规格,参数列表,售后服务等。Ecshop后台里面默认只有一个编辑框(器) -
ecshop后台打印订单修改电话、地址、信息等信息的方法
整理下关于ecshop后台订单的一些小修改1、去除“订单列表”的TEL和[]字样,因为这个不方便打印:
留言与评论 (共有 条评论) |