帝国CMS解决360等浏览器会重复表单提交导致加入购物车的商品数量翻倍的问题!

帝国CMS解决360等浏览器会重复表单提交导致加入购物车的商品数量翻倍的问题!

浏览次数:
作者: 墨鱼
信息来源: 本站原创
更新日期: 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日

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