ajax更新购物车数量

2016-07-07 15:01 来源：www.chinab4c.com 作者：ecshop专家

把我最近写的一个代码贴出来可以参考 但不一定适用。


一、首先我把这个输入框的代码贴出来
  1. <INPUT class="input-text f-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">
复制代码

二、次页面加入的javascript 也就是changeprice函数

  2. <script>
  3. /**
  4. * 点选可选属性或改变数量时修改商品价格的函数
  5. */
  6. function changePrice(number,rec_id)
  7. {
  8. //v//ar attr = getSelectedAttributes(document.forms['ECS_FORMBUY']);
  9. // var qty = document.forms['ECS_FORMBUY'].elements['number'].value;

  11. Ajax.call('flow.php', 'step=update_group_cart&rec_id=' + rec_id +'&number=' + number, changePriceResponse, 'GET', 'JSON');
  12. }
  13. /**
  14. * 接收返回的信息
  15. */
  16. function changePriceResponse(res)
  17. {
  18. if (res.error > 0)
  19. {
  20. document.getElementById('sysmsg_error').innerHTML = res.content;
  21. document.all.sysmsg_error.style.display='';
  22. }
  23. else
  24. {
  25. if(document.all.sysmsg_error.style.display=='')
  26. {
  27. document.all.sysmsg_error.style.display='none';
  28. }
  29. document.getElementById('subtotal_'+res.rec_id).innerHTML = res.subtotal;//商品总价
  30. document.getElementById('cart_amount').innerHTML = res.cart_amount;//购物车团购商品价

  32. }
  33. }
  34. </script>
  35. <script>
  36. /**
  37. * 点选可选属性或改变数量时修改商品价格的函数
  38. */
  39. function changePrice(number,rec_id)
  40. {
  41. //v//ar attr = getSelectedAttributes(document.forms['ECS_FORMBUY']);
  42. // var qty = document.forms['ECS_FORMBUY'].elements['number'].value;

  44. Ajax.call('flow.php', 'step=update_group_cart&rec_id=' + rec_id +'&number=' + number, changePriceResponse, 'GET', 'JSON');
  45. }
  46. /**
  47. * 接收返回的信息
  48. */
  49. function changePriceResponse(res)
  50. {
  51. if (res.error > 0)
  52. {
  53. document.getElementById('sysmsg_error').innerHTML = res.content;
  54. document.all.sysmsg_error.style.display='';
  55. }
  56. else
  57. {
  58. if(document.all.sysmsg_error.style.display=='')
  59. {
  60. document.all.sysmsg_error.style.display='none';
  61. }
  62. document.getElementById('subtotal_'+res.rec_id).innerHTML = res.subtotal;//商品总价
  63. document.getElementById('cart_amount').innerHTML = res.cart_amount;//购物车团购商品价

  65. }
  66. }
  67. </script>
复制代码


然后我把请求的php处理程序也贴出来


  2. elseif($_REQUEST['step'] == 'update_group_cart')
  3. {
  4. /*------------------------------------------------------ */
  5. //-- 西安php服务中心团购更新购物车
  6. /*------------------------------------------------------ */
  7. include_once('includes/cls_json.php');
  8. $json = new JSON();
  9. $result = array('error' => '', 'content' => '');
  10. $rec_id = $_GET['rec_id'];
  11. $number = $_GET['number'];

  13. /*取的团购信息*/
  14. $group_buy = group_buy_info($_SESSION['extension_id'], $number);

  16. /*判断输入是否合法*/
  17. if(!is_numeric($number))
  18. {
  19. $result['error'] = '1';
  20. $result['content'] ='请输入合法数量';
  21. die($json->encode($result));

  23. }
  24. if ($group_buy['restrict_amount'] > 0 && $number > ($group_buy['restrict_amount'] - $group_buy['valid_goods']))
  25. {
  26. $result['error'] = '1';
  27. $restrict_amount =$group_buy['restrict_amount'] - $group_buy['valid_goods'];
  28. $result['content'] ='您最多可买'.$restrict_amount.'件';
  29. die($json->encode($result));
  30. }
  31. $sql = "UPDATE " . $GLOBALS['ecs']->table('cart') . " SET goods_number = '$number' WHERE rec_id = $rec_id";
  32. $GLOBALS['db']->query($sql);
  33. /*计算此订单总价*/
  34. $subtotal = $GLOBALS['db']->getONE("select goods_price * goods_number AS subtotal from ".$GLOBALS['ecs']->table('cart')." where rec_id = $rec_id");
  35. /*购物车团购商品总金额*/
  36. $cart_amount = cart_amount('',$_SESSION['flow_type']);
  37. $result['subtotal'] = price_format($subtotal, false);
  38. $result['cart_amount'] = price_format($cart_amount, false);
  39. $result['rec_id'] = $rec_id;
  40. die($json->encode($result));
  41. }
复制代码


有关ajax在ecshop的应用分析 我有发过帖子大家自己去找一下。

回答：
有可以用ajax无刷新购物车的吗？顶你！

楼主是好人，帮顶

很早就有共享了 不过还是支持一下！



应该是可以的。

帮顶下。

谢谢 同顶

顶下^

呵呵，看一下

支持，谢谢！

能使用吗？先谢谢了。