您现在的位置是：首页 > cms教程 > ecshop商城教程ecshop商城教程

ecshop出现transport和jquery冲突的解决方法实例

冰彤2024-12-06 22:29:03ecshop商城教程已有6人查阅

导读众所周知：ecshop的transport.js文件和Jquery是冲突的，两个文件不能同时调用，现给出以下完美解决方案:在transport.js文件中，大概 580行到590行之间，这个句用于格式化json,他重写了object的结构,导致于js框架冲突。

众所周知：ecshop的transport.js文件和Jquery是冲突的，两个文件不能同时调用，现给出以下完美解决方案:
原因分析：
在transport.js文件中，大概 580行到590行之间，这个句用于格式化json,他重写了object的结构,导致于js框架冲突。冲突的原因是jquery给一个object增加了很多元素，那么在Object.prototype.toJSONString = function () 这个函数中 for (k in this) 语句中进行了无数次的循环，导致网页很卡，并且在IE中会报错。
解决方案：
根本的解决办法是不用transport.js中的json功能，那么就要有一个相同的功能来代替它，这里我选用jquery-json1.3.js。首先要把transport.js中的json功能删除。由于实现json功能的函数有区别，所以要麻烦改掉原ecshop中各个地方用到的toJSONString()函数。
解决步骤：
1. 下载附件中的js附件，并替换掉原文件。（主要去掉了transport.js的json功能并新增新的json功能）
2. page_header.lbi 中添加 {insert_scripts files='jquery.js,jquery.json-1.3.js'}
3. 在所有的JS中。
替换 *.toJSONString() 为 $.toJSON(*)
替换 *.parseJSON() 为 $.evalJSON(*)
替换(不是去掉)页面所有的$(){}函数，防止jquery不生效(解释：这一步是要替换掉原ecshop里的$(){}这个函数，因为它与jquery是冲突的，解决的办法很多，可以用其他函数代替，比如getId(){}等等，也可以用jquery本身来解决，在此，我就不具体做例子了，由于最近比较忙，好多天没研究ecshop了。^_^ .还有一个解决办法，大家自行研究吧：
jQuery.noConflict()
运行这个函数将变量$的控制权让渡给第一个实现它的那个库。
这有助于确保jQuery不会与其他库的$对象发生冲突。
在运行这个函数后，就只能使用jQuery变量访问jQuery对象。例如，在要用到$("div p")的地方，就必须换成jQuery("div p")。
注意:这个函数必须在你导入jQuery文件之后，并且在导入另一个导致冲突的库之前使用。当然也应当在其他冲突的库被使用之前，除非jQuery是之后一个导入的。
)
注意：可能要替换掉很多地方，请大家不要怕麻烦
解决范例：
1.在商品浏览页，用户评论这里： 
Ajax.call('comment.php', 'cmt=' + cmt.toJSONString(), commentResponse, 'POST', 'JSON');
全选代码
复制
替换为 
Ajax.call('comment.php', 'cmt=' + $.toJSON(cmt), commentResponse, 'POST', 'JSON');
全选代码
复制
2.index.js 里
var res = result.parseJSON();
替换为
var res = $.evalJSON(result);
附件在本地D盘 文件名：jquery_ecshop.rar (28.25 KB)
方法二： 转载）
问题原因：/js/transport.js 文件
Object.prototype.toJSONString = function () {**************｝
大概 580行到590行之间 这个句用于格式化json,他重写了object的结构,导致于js框架冲突，如果要解决需要把这段代码注释掉，然后用别的方式替换。
我是将所有用到*.toJSONString的地方，替换成一个函数，例如：
/js/common.js 29行 
Ajax.call('flow.php?step=add_to_cart', 'goods=' + goods.toJSONString, addToCartResponse, 'POST', 'JSON');
全选代码
复制
替换成： 
Ajax.call('flow.php?step=add_to_cart', 'goods=' + obj2str(goods), addToCartResponse, 'POST', 'JSON');
全选代码
复制
obj2str函数如下： 
function obj2str(o){
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))
r="{"+r.join()+"}"
}else{
for(var i =0;i<o.length;i++)
r.push(obj2str(o))
r="["+r.join()+"]"
}
return r;
}
return o.toString();
}
全选代码
复制
大概这样就可以了，可能还有些脚步错误需要处理，您自己体会下 ， 这只是个解决方法，并不一定适用您的网站。
我注释了下面这一段 
/*
Object.prototype.toJSONString = function () {
......
// Join all of the fragments together and return.
a.push('}');
return a.join('');
};
*/
全选代码
复制
我在几个地方作了修改
selectzone.js-- line144 
Ajax.call(this.filename + "&act="+act+"&add_ids=" +selOpt.toJSONString(), args, this.addRemoveItemResponse, "GET", "JSON");
全选代码
复制
line 179 
Ajax.call(this.filename + "&act="+act+"&drop_ids=" + arr.toJSONString(), args, this.addRemoveItemResponse, 'GET', 'JSON');
全选代码
复制
等等

本文标签：

很赞哦！ (0)

上一篇：ecshop模板的修改方法

下一篇：ecshop框架文件说明

暂无内容
暂无内容

相关文章

暂无内容
暂无内容

随机图文

留言与评论 （共有 0 条评论）
昵称：
匿名发表 登录账号
         
验证码：

大家在看

ecshop收货地址199/198号段提示手机号格式不正确！
    暂无内容

本栏推荐

    暂无内容

相关标签

大家喜欢

    暂无内容