ecshop 兼容jquery 最完美的解决方案

最新推荐文章于 2022-03-03 00:28:51 发布

PHP图库

最新推荐文章于 2022-03-03 00:28:51 发布

阅读量1.8k

点赞数

分类专栏： ecshop 文章标签： ecshop

本文链接：https://blog.youkuaiyun.com/qq_31589453/article/details/52760883

版权

ecshop 专栏收录该内容

21 篇文章

订阅专栏

本文分析了ECSHOP中的transport.js文件导致与jQuery冲突的原因，并提出了一个兼容性的完美解决方案。通过修改transport.js并在冲突页面引入自定义的obj2str方法，避免了JSON.stringify与jQuery的冲突，确保了页面正常运行。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

ecshop 兼容jquery 最完美的解决方案
原因分析：
在transport.js文件中，大概 580行到590行之间，这个句用于格式化json,他重写了object的结构,导致于js框架冲突。冲突的原因是jquery给一个object增加了很多元素，那么在Object.prototype.toJSONString = function () 这个函数中 for (k in this) 语句中进行了无数次的循环，导致网页很卡，并且在IE中会报错。

解决方案我们最完美的解决方案是，用到jquery的页面就用jquery 否则保持原来的照常可以用
1. 修改transport.js文件在文件最末尾添加一个方法代码如下

/* *
* 修正json.prototype信息
*/
function obj2str(o){
// 兼容 jquery
// 先删除 ecshop 的跟jquery 冲突对象
//delete Object.prototype.toJSONString;

var r = [];
if(typeof o =="string") return "\""+o.replace(/([\'\"\\])/g,"\\$1").replace(/(\n)/g,"\\n").replace(/(\r)/g,"\\r").replace(/(\t)/g,"\\t")+"\"";
if(typeof o =="undefined") return "undefined";
if(typeof o == "object"){
    if(o===null) return "null";
    else if(!o.sort){
        for(var i in o)
            r.push("\""+i+"\""+":"+obj2str(o[i]))
        r="{"+r.join()+"}"
    }else{
        for(var i =0;i<o.length;i++)
            r.push(obj2str(o[i]))
        r="["+r.join()+"]"
    }
    return r;
}
return o.toString();

}

2 在前台涉及到导入transport.js文件并且和jquery冲突的的html页面同时又用jquery的页面底部加入如下js

// 兼容 jquery // 然后删除 ecshop 的跟jquery 冲突对象 delete Object.prototype.toJSONString;

例如: 我的flow.dwt页面有 jquery 冲突修改下面
Ajax.call(‘flow.php?step=add_to_cart’, ‘goods=’ + goods.toJSONString(), collect_to_flow_response, ‘POST’, ‘JSON’);
改成
Ajax.call(‘flow.php?step=add_to_cart’, ‘goods=’ + obj2str(goods), collect_to_flow_response, ‘POST’, ‘JSON’);

其实就是 goods.toJSONString() 换成 obj2str(goods) 测试 ok 没问题。
经过很长一段时间使用没发现问题。