Ecshop与Jquery冲突的解决方案2

ゝ一纸荒年。 2022-07-24 04:12 175阅读 0赞

ECShop把AJAX事件和JSON解析的模块放在common/transport.js之中，可以说它也有自己封装的一套工具，这其实是很正常的。  
但恰恰的，在封装JSON各种方法的同时对object的模型进行了重写，这个就跟jQuery冲突了。因为众所周知的，jQuery对各种JavaScript对象进行了扩展。  
这一切其实都很容易理解，各有各的理由十分自然，但头痛和无奈的就变得在我们这些使用者身上了。在ECShop论坛上原来也有很多朋友提出了这个问题，也提出了各种各样的方法，我尝试了一些，不好或者甚至无用，所以只好自己动手了。  
解决思路大概就是屏蔽ECshop扩展的toJSONString方法，用别的函数代替。  
为了照顾下小菜们，就写详细点吧。  
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行都改为:varelement=e(element);  
7、路径修改  
修改后台头部引入transport.js路径 admin/templates/pageheader.htm 第9行改为: `{insert_scripts files="../js/transport.org.js,common.js"}`  
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='transport.js,utils.js'}上面加上如下代码
    {insert_scripts files='jquery.js,jquery.json.js'}

9、修改文件  
library/comment\_list.lbi  
第188行 :

Ajax.call('comment.php', 'cmt=' + $.toJSON(cmt), commentResponse, 'POST', 'JSON');

10、compare.dwt  
第20行 :

var obj = $.evalJSON(document.getCookie("compareItems"));

第24行 :

document.setCookie("compareItems", $.toJSON(obj));

11、flow.dwt  
第138行 :

Ajax.call('flow.php?step=add_to_cart', 'goods=' + $.toJSON(goods), collect_to_flow_response, 'POST', 'JSON');

第199行 :

Ajax.call('flow.php?step=add_to_cart', 'goods=' + $.toJSON(goods), fittings_to_flow_response, 'POST', 'JSON');

12、jquery文件需置顶的dwt文件—-jquery.js文件需要在compare.js文件加载前加载,否则会报错

brand.dwt
    brand_list.dwt
    category.dwt
    exchange_list.dwt
    search.dwt

如:

{* 包含脚本文件 *}
    {insert_scripts files='jquery.js,jquery.json.js'}
    {insert_scripts files='common.js,global.js,compare.js'}

transport.js 文件中 $.evalJSON(result);要用到jquery.json.js,有用到parseResult(）方法的地方需要载入jquery.js 和jquery.json.js。解决transport.js/parseResult() error: can’t parse to JSON. when calling method: \[nsIDOMEventListener::handleEvent\]问题。