php用ajax实现购物车操作,通过AJAX方式动态更新ECShop购物车页面的商品数量

一时失言乱红尘 2023-01-14 10:54 116阅读 0赞

每次用户进入echsop购物流程的时候当需要更改购物车里的商品数量的时候必须要手动点击更新按钮，这是非常糟糕的用户体验，我们有必要去改进这一点。

以下是通过AJAX方式来动态更新ECShop购物车页面商品数量的解决办法

一、前端页面部分(flow.dwt)

在商品数量的input框添加对应的js函数

name=”goods\_number\[\{$goods.rec\_id\}\]”

id=”goods\_number\_\{$goods.rec\_id\}”

value=”\{$goods.goods\_number\}” id=”ECS\_FORMBUY”>

在文件最后添加一段js

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.getElementByIdx\_x(‘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.getElementByIdx\_x(‘subtotal\_’+res.rec\_id).innerHTML

= res.subtotal;

document.getElementByIdx\_x(‘cart\_amount’).innerHTML

= res.cart\_amount;

\}

\}

二、在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的缓存刷新页面看看效果吧。

发表评论取消回复

表情：

评论列表（有 0 条评论，116人围观）

还没有评论，来说两句吧...

相关阅读

相关 php 购物车存在那个地方,php添加购物车

无标题文档商品列表 <table> <tbody> <tr> <td>水果代号</td> <td>水果名称</td> <td>水果价

墨蓝/ 2023年01月16日 06:39/ 0 赞/ 126 阅读

相关 php用ajax实现购物车操作,通过AJAX方式动态更新ECShop购物车页面的商品数量

每次用户进入echsop购物流程的时候当需要更改购物车里的商品数量的时候必须要手动点击更新按钮，这是非常糟糕的用户体验，我们有必要去改进这一点。以下是通过AJAX方式来动态

一时失言乱红尘/ 2023年01月14日 10:54/ 0 赞/ 117 阅读

相关购物车商品计算JavaScript实现

html代码 <div> <p>单价:<span>30</span></p> <input type="button" value="

素颜马尾好姑娘i/ 2022年05月27日 12:36/ 0 赞/ 250 阅读

相关（十）实现购物车中的对商品的数量选择操作

实现购物车中的对商品的数量选择操作，如图1所示，当一开始的时候，界面最右侧只有一个“+”按钮；当点击右侧任意一个“+”按钮的时候，点击的食品的相应地方会出现“-”按钮，并且出现

深藏阁楼爱情的钟/ 2022年05月25日 00:22/ 0 赞/ 152 阅读

相关购物车实现

[https://note.youdao.com/share/?id=fdc2f7f71349a5c38434d2802faa6552&type=note\/][https_n

绝地灬酷狼/ 2022年05月08日 06:38/ 0 赞/ 388 阅读

相关 vuex实现购物车页面

main.js // The Vue build version to load with the `import` command // (runtime-

╰+哭是因爲堅強的太久メ/ 2022年04月12日 09:26/ 0 赞/ 302 阅读

相关 Ecshop购物车或结算页面显示商品品牌

以ecshop默认程序及模板为例： 1、先打开 includes/lib\_order.php 文件（建议使用editplus）找到（大概是在873行） <tab

╰+攻爆jí腚メ/ 2022年04月10日 08:30/ 0 赞/ 225 阅读

相关 ecshop调用显示购物车商品数量

文件：include/lib\_insert.php / 调用购物车商品数目 / function insert_cart_info_num

迈不过友情╰/ 2021年12月23日 23:51/ 0 赞/ 324 阅读

相关 ecshop 购物车为空,您的购物车中没有商品！解决办法

ecshop商城本来正常.但突然就出现购物车为空的情况,查看ecs\_cart表格,发现里面有很多session\_id不同的商品.说明加入购物车的流程是正常的,但是就是没法正

朱雀/ 2021年09月25日 23:36/ 0 赞/ 583 阅读

相关购物车页面实现

购物车页面实现 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG

忘是亡心i/ 2021年09月07日 06:13/ 0 赞/ 446 阅读