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

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

PHP图库

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

阅读量1.8k

点赞数

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

本文链接：https://blog.csdn.net/qq_31589453/article/details/52760883

版权

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

摘要由CSDN通过智能技术生成

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 &#