今天同学问echats 的问题,说有乱码,结果我看到调试器里,js已经编译成html实体了,估计是服务器策略把jsp把输入的变量都变成html实体,导致数据在echats里面显示的不是正常汉字,而是一堆&#XXXXX;费劲千辛万苦找到一篇博客解决了这个问题。
连接:http://blog.chinaunix.net/uid-20511797-id-3118652.html
如果单纯解决这个问题可以提取出部分代码:
1 var Tools=:{}}; 2 Tools=function(){ 3 this.HTML_DECODE = { 4 "<" : "<", 5 ">" : ">", 6 "&" : "&", 7 " ": " ", 8 """: "\"", 9 "?": ""10 11 // Add more12 };13 this.REGX_HTML_DECODE = /&\w+;|&#(\d+);/g;14 this.decodeHtml=function(s){15 var HTML_DECODE = this.HTML_DECODE;16 17 s = (s != undefined) ? s : this.toString();18 return (typeof s != "string") ? s :19 s.replace(this.REGX_HTML_DECODE,20 function($0, $1){21 var c = HTML_DECODE[$0];22 if(c == undefined){23 // Maybe is Entity Number24 if(!isNaN($1)){25 c = String.fromCharCode(($1 == 160) ? 32:$1);26 }else{27 c = $0;28 }29 }30 return c;31 });32 }}33 Tools.call(Tools)
稍作分析一下。首先HTML_DECODE是常规的几个html实体,对应的几个字符串和实体。
REGX_HTML_DECODE是使用正则匹配以 &开头接下来至少一个字母数字下划线然后接一个分号(/&\w+;/)或者 &#开头接下来至少一个数字然后接一个分号(/&#(\d+);/)这个可以涵盖所有html实体了
decodeHtml方法中,首先判断传入 s是否合法,如果合法调用replace方法,将正则匹配的两种结果做处理。首先$0匹配到s中的能被匹配到的字符串,然后查看HTML_DECODE中是否有对应的实体字符串,如果有直接返回对应的字符串(30行),如果没有(22行)则判断组匹配(\d+)是不是数字,如果是数字(25行),使用String.fromCharCode方法转成字符,否则返回匹配到的数字(27行)。
###########################################################################################
再给同学使用的时候发现lenend显示不出来了,一调试发现lengend是数组,转义是有问题的,所以修改了一下方法。
1 var Tools={}; 2 Tools=function(){ 3 this.HTML_DECODE = { 4 "<" : "<", 5 ">" : ">", 6 "&" : "&", 7 " ": " ", 8 """: "\"", 9 "?": ""10 11 // Add more12 };13 this.REGX_HTML_DECODE = /&\w+;|&#(\d+);/g;14 this.decodeHtml=function(s){15 var HTML_DECODE = this.HTML_DECODE;16 17 s = (s != undefined) ? s : this.toString();18 return (typeof s == "string") ? 19 replacecode(s,HTML_DECODE,this.REGX_HTML_DECODE):(Array.isArray(s))?decodeArray(s,HTML_DECODE,this.REGX_HTML_DECODE):s;20 }21 22 function replacecode(s,decode,regxde){23 return s.replace(regxde,function($0, $1){24 var c = decode[$0];25 if(c == undefined){26 // Maybe is Entity Number27 if(!isNaN($1)){28 c = String.fromCharCode(($1 == 160) ? 32:$1);29 }else{30 c = $0;31 }32 }33 return c;34 })35 };36 37 function decodeArray(arr,decode,regxde){38 return arr.map(function(item){39 return replacecode(item,decode,regxde)40 })41 }42 43 }44 Tools.call(Tools)
测试之后可以了。