帝国cms实现前台加入购物车时在当前页ajax无刷新的方法

时间:2016-03-26 17:45:23

分类:帝国教程

众所周知,帝国cms的商城系统中,加入购物车时会自动跳转到购物车,如果我们只买一件东西还好,可如果要买几件十几件,就需要点击十几次,这样就会出现十几个购物车页面,即使没有这么夸张,跳转的方式对用户体验也并不友好。这里cms大学和大家分享一下帝国cms的商城模型中,将商品加入购物车时使用ajax无刷新的方法。

(本文章介绍的方法仅适合6.6及以前的帝国cms管理系统,7.0以后版本不适用。因涉及到附加属性问题,如无需此项也可继续使用。)

第一步:首先我们修改帝国cms商城栏目所属的内容页模板,在头部引入js

折叠XML/HTML 代码
  1. <script type="text/javascript" src="[!--news.url--]skin/default/js/jquery.js"></script>  
  2. <script type="text/javascript" src="[!--news.url--]skin/default/js/addBuyCar.js"></script>  
  3. <script type="text/javascript">  
  4. var newsurl='<?=$public_r[newsurl]?>';  
  5. </script>  

第二步、接着将“加入购物车”按钮修改成如下代码:

折叠XML/HTML 代码
  1. <a href="#ecms" onclick="AddProduct([!--classid--],[!--id--]);">加入购物车</a>  

第三部、将一下代码保存为addcar.js文件,存储在/skin/default/js/文件夹内。

折叠JavaScript 代码
  1. function AddProduct(classid,id) {  
  2. $.ajax({  
  3. type: "post",  
  4. url: newsurl+"e/template/ShopSys/addBuyCar.php",  
  5. data:"classid="+classid+"&id="+id,  
  6. dataType: "json",  
  7. success: function (json) {  
  8. alert(json.msg);  
  9. }  
  10. })  
  11. }  

第四步、将以下代码保存为php文件,保存在e/template/ShopSys/addBuyCar.php,代码如下:

折叠PHP 代码
  1. <?php  
  2. require("../../class/connect.php");  
  3. require("../../class/db_sql.php");  
  4. require("../../data/dbcache/class.php");  
  5. require("../../class/ShopSysFun.php");  
  6. $link=db_connect();  
  7. $empire=new mysqlquery();//$_POST  
  8. $classid=(int)$_POST['classid'];  
  9. $id=(int)$_POST['id'];//add function  
  10. function json_AddBuycar($classid,$id){  
  11. global $class_r,$empire,$dbtbpre,$public_r;  
  12. $classid=(int)$classid;  
  13. $id=(int)$id;  
  14. if(emptyempty($classid)||emptyempty($id)||emptyempty($class_r[$classid][tbname]))  
  15. {  
  16. return json_encode(array('msgid'=>1,'msg'=>'此商品不存在'));  
  17. }  
  18. //验证产品是否存在  
  19. $num=$empire->gettotal("select count(*) as total from {$dbtbpre}ecms_".$class_r[$classid][tbname]." where classid='$classid' and id='$id' limit 1");  
  20. if(!$num)  
  21. {  
  22. return json_encode(array('msgid'=>1,'msg'=>'此商品不存在'));  
  23. }  
  24. $record="!";  
  25. $field="|";  
  26. $productid=$classid.",".$id;  
  27. $buycar=getcvar('mybuycar');  
  28. //重复  
  29. if(strstr($buycar,"|".$productid."|"))  
  30. {  
  31. $pr=explode("|".$productid."|",$buycar);  
  32. $pr1=explode("!",$pr[1]);  
  33. $oldbuycar="|".$productid."|".$pr1[0]."!";  
  34. //数量  
  35. $pr1[0]=ReturnBuycarProductNum($pr1[0]);  
  36. if(emptyempty($pr1[0]))  
  37. {  
  38. $pr1[0]=1;  
  39. }  
  40. $newnum=$pr1[0]+1;  
  41. $newbuycar="|".$productid."|".$newnum."!";  
  42. $buycar=str_replace($oldbuycar,$newbuycar,$buycar);  
  43. }  
  44. else  
  45. {  
  46. //只存放一个  
  47. if($public_r['buycarnum']==1)  
  48. {  
  49. $buycar='';  
  50. }  
  51. $buycar.="|".$productid."|1!";  
  52. }  
  53. $re=SetBuycar($buycar);  
  54. if($re)  
  55. {  
  56. return json_encode(array('msgid'=>2,'msg'=>'商品加入购物车成功'));  
  57. }  
  58. }  
  59. echo json_AddBuycar($classid,$id);  
  60. db_close();  
  61. $empire=null;  
  62. ?>  

到这里就结束了,大家可以试一下效果,至于提示信息,以及信息弹出的方式,目前是alert,也可以改为其他方式。

相关文章

相关推荐

为帝国CMS用户提供动力

Copyright © 2016 CmsDX.com All Rights Reserved.