帝国CMS,解决浏览器重复提交,避免购物车商品数量翻倍!

帝国CMS,解决浏览器重复提交,避免购物车商品数量翻倍!

浏览次数:
作者: 墨鱼
信息来源: 本站原创
更新日期: 2022-01-06 18:32:18
文章简介

帝国CMS优化购物体验,针对360等浏览器重复提交表单导致的购物车商品数量翻倍问题,提供有效解决方案。确保用户购物流程顺畅,避免重复添加,让您的购物更轻松、更愉快!

  • 正文开始
  • 相关阅读
  • 推荐作品

最近在用帝国cms商城的购物车功能时发现,用360浏览器将商品加入购物车后,购物车产品的数量会翻倍,后来发现是360浏览器在用submit提交表单时,会出现两次验证,导致表单重复提交。

解决的思路就是在产品页的加入购物车的表单中添加一个随机数,用于做判断。

然后在购物车的验证页面,建议一个COOKIE缓存字段,每次产品加入购物车,在验证页面中,通过判断COOKIE缓存字段的值是否和get传递过来的随机数相同,来确定表单是否重复提交。

如果相同,该产品则不加入购物车,并将COOKIE缓存字段的值清空。

如果不相同,则将该产品加入购物车,并将COOKIE缓存字段的值设置为get传递过来的随机数。

这样浏览器如果出现重复提交,COOKIE缓存字段的值就会与get传递过来的随机数相同,便可以阻止表单重复提交;

解决方法如下:

1、在帝国cms产品模板的加入购物车的表单中加入以下代码

<input type="hidden" name="gd_yanzhenghao" value="" id="gd_yanzhenghao">

//建立一个判断用的随机数

2、在表单的提交按钮中加入:

onclick="alpj_gongdanhao()"

也就是在 <input name="submit"  type="submit"····> 这一行中加入;

3、在产品页加入以下js

----------------------------------------------------------------------------

<script>
function alpj_gongdanhao() {
var prefix = '';
for (var j = 0; j < 12; j++) {
prefix = prefix + Math.floor(Math.random() * 15);
}
var pj_showGD =prefix;
document.getElementById("gd_yanzhenghao").value = pj_showGD;
}
//获取文本框的值,若文本框为空则自动生成随机日期
function SJ_PageLoad(){
var neirong_sj = document.getElementById("gd_yanzhenghao").value;
if ( neirong_sj == null || neirong_sj == undefined || neirong_sj=="" ){
console.log( alpj_gongdanhao() );//自动执行上方函数然后自动输入一个随机工单号
}
}
</script>

--------------------------------------------------------

3、打开eadminShopSysclasshShopSysFun.php文件

找到以下函数:

//加入购物车

function AddBuycar($classid,$id,$pn=1,$add){

在该函数的结尾加上一个“}”符号

然后在该函数中找到以下代码,约在该函数的第五行:

if(empty($classid)||empty($id)||empty($class_r[$classid][tbname]))

在其上方加入以下代码:

--------------------------------------------------------------------------------

//判断浏览器是否重复提交了表单

$gd_chongfuPD=$_COOKIE["gd_chongfuPD"];
if($gd_chongfuPD==$_GET['gd_yanzhenghao']){
$gd_chongfuPD='';
// 发送一个缓存cookie用做判断
setcookie("gd_chongfuPD",$gd_chongfuPD);
header("location:/e/ShopSys/buycar/");
}else{
$gd_chongfuPD=$_GET['gd_yanzhenghao'];
// 发送一个缓存cookie用做判断
setcookie("gd_chongfuPD",$gd_chongfuPD);

----------------------------------------------------------------------------

结束!点赞!

帝国CMS模板裁剪图片函数,sys_ResizeImg与随机图片完美结合,高效应用指南
« 上一篇 2022年01月05日
帝国CMS,会员浏览记录同步插件,高效追踪浏览足迹
下一篇 » 2022年01月14日
  • 帝国CMS购物车重复提交问题,360浏览器解决方案
    343阅读0条评论4个赞
    针对帝国CMS在360浏览器中出现的重复表单提交问题,我们提供解决方案,避免加入购物车的商品数量翻倍。通过优化表单处理逻辑,确保每次提交唯一有效,提升用户体验,保障交易准确性。
  • 帝国CMS商品详情页,设置购买数量后加入购物车
    1496阅读0条评论62个赞
    帝国CMS商品详情页优化:简化购物流程,用户只需填写购买数量,即可一键添加至购物车。此设计提升用户体验,减少操作步骤。页面直观展示商品信息,强调购买数量的便捷输入,确保用户快速完成选购。整个流程顺畅高效,让购物变得更简单愉快。精简操作,优化界面,打造流畅的在线购物体验,提升转化率。
  • 帝国CMS,一键设定购买数量,轻松加入购物车
    1084阅读0条评论70个赞
    简化购物流程,帝国CMS支持商品加入购物车时直接指定购买数量,提升用户购物体验,轻松实现个性化批量购买。
  • Swiper超链接问题一参数解决,提升浏览器兼容性
    1248阅读0条评论20个赞
    Swiper超链接无法打开?别担心,我们为您找到了解决方案!只需一个参数,即可轻松解决该问题,让您的网页在不同浏览器上都能顺畅运行。无需繁琐操作,快速修复,让您的网页体验更上一层楼!
  • 帝国CMS(ECMS) JS调用购物车数量简明教程
    1411阅读2条评论74个赞
    帝国CMS(ECMS)JS调用购物车数量教程精简版:通过JS轻松实现购物车数量显示。步骤简述:1.确保购物车数据正确存储;2.编写JS代码,利用Ajax请求获取购物车数量;3.在网页指定位置插入JS调用代码,仅显示数量,无需额外页面跳转。此教程专注于功能实现,代码简洁高效,适合快速集成至网站,提升用户体验。

如本文对您有帮助,就请墨鱼抽根烟吧!