ecshop之transport和jquery冲突之完美解决方案

方法一:转载(http://bbs.ecshop.com/thread-76312-1-1.html

众所周知: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盘 文件名:(http://sites.google.com/site/ecshopdevelop/ajax/ecshop-and-jquery

问题原因:/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[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();

}

大概这样就可以了,可能还有些脚步错误需要处理,您自己体会下 , 这只是个解决方法,并不一定适用您的网站。

我注释了下面这一段

/*

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');

等等

附件:transport.js.zip 8k