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

时间:2022-08-31 03:45:53

众所周知: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(*)

注意:可能要替换掉很多地方,请大家不要怕麻烦

解决范例:
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);

下载地址:http://pan.baidu.com/share/link?shareid=3376948326&uk=4094849520

Ecshop与Jquery冲突的完美解决方案

ecshop / ecshop模板堂(ecmoban.com) / 2013-04-27

ecshop把AJAX事件和JSON解析的模块放在common/transport.js之中,可以说它也有自己封装的一套工具,这其实是很正常的。

 
但恰恰的,在封装JSON各种方法的同时对object的模型进行了重写,这个就跟jQuery冲突了。因为众所周知的,jQuery对各种JavaScript对象进行了扩展。
 
这一切其实都很容易理解,各有各的理由十分自然,但头痛和无奈的就变得在我们这些使用者身上了。在ECShop论坛上原来也有很多朋友提出了这个问题,也提出了各种各样的方法,我尝试了一些,不好或者甚至无用,所以只好自己动手了。
 
解决思路大概就是屏蔽ecshop扩展的toJSONString方法,用别的函数代替。
 
为了照顾下小菜们,就写详细点吧。
 
 
一,修改默认js文件
 
 
1、首先复制一份 transport.js 改名为 transport.org.js 提供给后台使用
 
 
2、屏蔽掉transport.js里的toJSON功能 行数大概有497-737行之间
由if ( ! Object.prototype.toJSONString) { 开头的代码。
 
修改352行为:
 
 legalParams = “JSON=” + $.toJSON(params);
 
修改408行为:
 
result = $.evalJSON(result);
 
屏蔽掉global.js里的如下代码(第10-13行):
 
Object.prototype.extend = function(object)
{
  return Object.extend.apply(this, [this, object]);
}
3、修改index.js文件44行改为:
 
var res = $.evalJSON(result);
 
 
4、修改common.js文件
第34行改为:
 
Ajax.call(‘flow.php?step=add_to_cart’, ‘goods=’ + $.toJSON(goods), addToCartResponse, ‘POST’, ‘JSON’);
 
第850行改为:
 
Ajax.call(‘flow.php?step=add_package_to_cart’, ‘package_info=’ + $.toJSON(package_info), addPackageToCartResponse, ‘POST’, ‘JSON’);
 
第1056行改为:
 
Ajax.call(‘flow.php?step=add_to_cart’, ‘goods=’ + $.toJSON(goods), addToCartResponse, ‘POST’, ‘JSON’);
 
5、修改compare.js文件
第49行改为:
 
 this.data = $.evalJSON(cookieValue);
 
第67行改为:
 
 var obj = $.evalJSON(cookieValue);
 
第133行改为:
 
 document.setCookie(“compareItems”, $.toJSON(this.data));
 
6、修改global.js文件
第16行改函数名 :function $e()
第114和126行都改为:    var element = $e(element);
 
 
二,修改后台调用部分
 
 
 
7、<!&mdash;&mdash;&mdash;&ndash;路径修改&mdash;&mdash;&mdash;&ndash;>
修改后台头部引入transport.js路径 admin/templates/pageheader.htm 第9行改为: {insert_scripts files=&rdquo;../js/transport.org.js,common.js&rdquo;}
 
admin/templates/menu.htm
151行改成 {insert_scripts files="../js/global.js,../js/utils.js,../js/transport.org.js"}
 
 
 
 三,修改前台模板部分
 
 
8、修改themes/default/library/page_header.lbi文件在{insert_scripts files=&rsquo;transport.js,utils.js&rsquo;}上面加上如下代码
{insert_scripts files=&rsquo;jquery.js,jquery.json.js&rsquo;}
 
 
9、<!&mdash;&ndash;修改文件&mdash;&ndash;>
library/comment_list.lbi
第188行 :
 
 Ajax.call(&lsquo;comment.php&rsquo;, &lsquo;cmt=&rsquo; + $.toJSON(cmt), commentResponse, &lsquo;POST&rsquo;, &lsquo;JSON&rsquo;);
 
 
10、compare.dwt
第20行 :
 
var obj = $.evalJSON(document.getCookie(&ldquo;compareItems&rdquo;));
 
第24行 :
 
document.setCookie(&ldquo;compareItems&rdquo;, $.toJSON(obj));
 
 
11、flow.dwt
第138行 :
 
Ajax.call(&lsquo;flow.php?step=add_to_cart&rsquo;, &lsquo;goods=&rsquo; + $.toJSON(goods), collect_to_flow_response, &lsquo;POST&rsquo;, &lsquo;JSON&rsquo;);
 
第199行 :
 
 Ajax.call(&lsquo;flow.php?step=add_to_cart&rsquo;, &lsquo;goods=&rsquo; + $.toJSON(goods), fittings_to_flow_response, &lsquo;POST&rsquo;, &lsquo;JSON&rsquo;);
 
 
12、<!&mdash;&ndash;jquery文件需置顶的dwt文件&mdash;-jquery.js文件需要在compare.js文件加载前加载,否则会报错&mdash;&ndash;>
 
brand.dwt
brand_list.dwt
category.dwt
exchange_list.dwt
search.dwt
 
如:
{* 包含脚本文件 *}
{insert_scripts files=&rsquo;jquery.js,jquery.json.js&rsquo;}
{insert_scripts files=&rsquo;common.js,global.js,compare.js&rsquo;}