建站技术网专注分享网站建设技术,网站建设教程,真正帮你学会做网站技术,轻松解决网站建设过程中遇到的常见问题,为广大站长服务。 网站地图 | 收藏本站 | 订阅
域名投资,就来找米网,认准网址:www.zhaomi.cc 专业仿站,就到仿站网:www.fangzhan.org
  站内公告: ·帝国cms教程内容已更新,欢迎关注     ·建站技术网采用阿里云服务器,备案已通    
您当前的位置:建站技术网 > cms教程 > 帝国cms教程

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

时间:2019-05-12 11:12:18  来源:网络收集  整理: 建站技术网 www.jzjsw.com     点击:0次

众所周知,帝国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实现前台加入购物车时在当前页ajax无刷新的方法
文章网址:http://www.jzjsw.com/cmsJiaocheng/diguocms/11288.html
上一篇:帝国cms后台管理 - 信息结合项功能详解
下一篇:帝国cms后台管理 - 签发信息功能详解
来顶一下
返回首页
返回首页
相关文章
    无相关信息
推荐资讯
如何通过SEO优化排名赚钱?SEO赚钱方法
如何通过SEO优化排名赚
seo优化教程:网站seo内容优化
seo优化教程:网站seo
SEO细节:企业SEO如何快速为新站做出效果
SEO细节:企业SEO如何
电商技术将如何发展?2018年有这五个大胆预测
电商技术将如何发展?
最新文章
栏目更新
栏目热门