简单实例处理url特殊符号&处理(2种方法)


Posted in Javascript onApril 02, 2013

我遇到的问题是:url里的参数内容包含&符合,我有两种方法解决
其一方法是:在页面用JS转码,例子如下(前端处理)

<a href="#" onclick="test('${group.type}','${group.cn }')">${group.cn })</a> 
<script language="javascript"> 
function test(a,b){ 
alert("test"); 
location.href='groupsDetailServlet?groupTypeForDetail=' + a + '&cn=' + encodeURIComponent(b); 
} 
</script>

其二方法是:在后端处理
1>jsp:
<a href="groupsDetailServlet?cn=${group.encodedCN }&groupTypeForDetail=${GroupType}"+>${group.cn }</a>

2>java bean: group
String cn;//要显示的CN 
String encodedCN;//当参数传的CN 
public Group(String cn) { this(); this.cn = cn; this.encodedCN =LdapUtil.encodeURLStr(cn); } 
public void setCn (String name) { this.cn = name; setEncodedCN(LdapUtil.encodeURLStr(cn)); } 
public String getCn () { return cn; } 
public String getEncodedCN () { return encodedCN; } 
public void setEncodedCN (String cn) { this.encodedCN = cn; }

3>调用类里处理解码:
String cn = LdapUtil.decodeURLStr(encodedCN);

4>LdapUtil.java
public static String encodeURLStr(String src) 
{ 
return src != null && src.trim().length() > 0 ? src.replaceAll("&", "@") : ""; 
} 
public static String decodeURLStr(String src) 
{ 
return src != null && src.trim().length() > 0 ? src.replaceAll("@", "&") : ""; 
}

--------------------------------------以下是-----网络搜索资料分享---------------------------------------
在使用url进行参数传递时,经常会传递一些中文名(或含有特殊字符)的参数或URL地址,在后台处理时会发生转换错误。在有些传递页面使用GB2312,而在接收页面使用UTF8,这样接收到的参数就可能会与原来发生不一致。使用服务器端的 urlEncode函数编码的URL,与使用客户端javascript的encodeURI函数编码的URL,结果就不一样。javascript对文字进行编码涉及3 个函数: escape,encodeURI,encodeURIComponent,相应 3 个解码函数: unescape,decodeURI,decodeURIComponent

javaScript中的编码方法
escape () 方法:采用ISO Latin字符集对指定的字符串进行编码。 所有的空格符、标点符号、特殊字符以及其他非ASCII字符都将被转化成%xx格式的字符编码(xx等于该字符在字符集表里面的编码的16进制数字)。比如,空格符对应的编码是%20。unescape方法与此相反。不会被此方法编码的字符: @ * / +
encodeURI ()方法:把URI字符串采用UTF-8编码格式转化成escape格式的字符串。 不会被此方法编码的字符:! @ # $& * ( ) = : / ; ? + '
encodeURIComponent ()方法:把URI字符串采用UTF-8编码格式转化成escape格式的字符串。与encodeURI()相比,这个方法将对更多的字符进行编码,比如 / 等字符。 所以如果字符串里面包含了URI的几个部分的话,不能用这个方法来进行编码,否则 / 字符被编码之后URL将显示错误。不会被此方法编码的字符:! * ( )
因此,对于中文字符串来说,如果不希望把字符串编码格式转化成UTF-8格式的(比如原页面和目标页面的charset是一致的时候),只需要使用escape。如果你的页面是GB2312或者其他的编码,而接受参数的页面是 UTF-8编码的,就要采用encodeURI或者encodeURIComponent。

另外,encodeURI/encodeURIComponent是在javascript1.5之后引进的 ,escape则在javascript1.0版本就有。
1、 传递参数时需要使用 encodeURIComponent,这样组合的 url 才不会被 # 等特殊字符截断。例如:<script language="javascript">document.write('<a href="http://passport.baidu.com/?logout&aid=7&u='+encodeURIComponent ("http://cang.baidu.com/bruce42")+'">退出 </a>');</script>
2、 进行 url跳转时可以整体使用 encodeURI。 例如:Location.href=encodeURI ("http://cang.baidu.com/do/s?word=百度 &ct=21");
3、 js 使用数据时可以使用escape 。 例如:搜藏中history 纪录。
4、 escape对 0-255 以外的unicode 值进行编码时输出 %u**** 格式,其它情况下escape , encodeURI , encodeURIComponent编码结果相同。

最多使用的应为encodeURIComponent ,它是将中文、韩文等特殊字符转换成utf-8 格式的 url 编码,所以如果给后台传递参数需要使用encodeURIComponent 时需要后台解码对 utf-8 支持(form 中的编码方式和当前页面编码方式相同)

escape不编码字符有 69 个: *, + , - , . , / , @ , _ , 0-9 , a-z ,A-Z
encodeURI不编码字符有 82 个: !, # , $ , & , ' , ( , ) , * , + , , , - , . , / , : , ; , = , ? , @ , _ , ~ , 0-9, a-z , A-Z
encodeURIComponent不编码字符有 71 个: !, ' , ( , ) , * , - , . , _ , ~ , 0-9 , a-z ,A-Z

以下是url中可能用到的特殊字符及在url中的经过编码后的值:(略)
项目中发现,直接对url中的参数部分做encodeURI() 编码转换,后台servlet通过getParamater()获取时,不需要转换可以直接获取到正确的值。 说明:参数没有用到中文,框架用的是struts框架

Javascript 相关文章推荐
js限制textarea每行输入字符串长度的代码
Oct 31 Javascript
js与jQuery 获取父窗、子窗的iframe
Dec 20 Javascript
javascript操作referer详细解析
Mar 10 Javascript
基于javascript html5实现多文件上传
Mar 03 Javascript
JavaScript学习小结之使用canvas画“哆啦A梦”时钟
Jul 24 Javascript
妙用Bootstrap的 popover插件实现校验表单提示功能
Aug 29 Javascript
详解jQuery的Cookie插件
Nov 23 Javascript
Express框架之connect-flash详解
May 31 Javascript
js实现从左向右滑动式轮播图效果
Jul 07 Javascript
一步步教你利用Canvas对图片进行处理
Sep 19 Javascript
简单了解Vue computed属性及watch区别
Jul 10 Javascript
js实现移动端轮播图滑动切换
Dec 21 Javascript
JS获取浏览器版本及名称实现函数
Apr 02 #Javascript
js 火狐下取本地路径实现思路
Apr 02 #Javascript
input 输入框获得/失去焦点时隐藏/显示文字(jquery版)
Apr 02 #Javascript
JQuery给元素添加/删除节点比如select
Apr 02 #Javascript
Extjs4 消息框去掉关闭按钮(类似Ext.Msg.alert)
Apr 02 #Javascript
extjs关于treePanel+chekBox全部选中以及清空选中问题探讨
Apr 02 #Javascript
关于extjs treepanel复选框选中父节点与子节点的问题
Apr 02 #Javascript
You might like
全国FM电台频率大全 - 23 四川省
2020/03/11 无线电
PHP中的正则表达式函数介绍
2012/02/27 PHP
浅谈PHP错误类型及屏蔽方法
2017/05/27 PHP
PHP删除数组中指定下标的元素方法
2018/02/03 PHP
PHP实现文件上传与下载
2020/08/28 PHP
执行iframe中的javascript方法
2008/10/07 Javascript
javascript 流畅动画实现原理
2009/09/08 Javascript
jQuery地图map悬停显示省市代码分享
2015/08/20 Javascript
JavaScript html5 canvas绘制时钟效果
2016/03/01 Javascript
全面解析Bootstrap中tab(选项卡)的使用方法
2016/06/06 Javascript
浅谈bootstrap源码分析之scrollspy(滚动侦听)
2016/06/06 Javascript
JavaScript中关键字 in 的使用方法详解
2016/10/17 Javascript
微信小程序 开发之滑块视图容器(swiper)详解及实例代码
2017/02/22 Javascript
页面间固定参数,通过cookie传值的实现方法
2017/05/31 Javascript
JS设计模式之访问者模式定义与用法分析
2018/02/05 Javascript
vuex提交state&amp;&amp;实时监听state数据的改变方法
2018/09/16 Javascript
webpack4与babel配合使es6代码可运行于低版本浏览器的方法
2018/10/12 Javascript
详解vue中this.$emit()的返回值是什么
2019/04/07 Javascript
分享一个vue项目“脚手架”项目的实现步骤
2019/05/26 Javascript
vue-autoui自匹配webapi的UI控件的实现
2020/03/20 Javascript
[59:08]Ti4 冒泡赛第二天 NEWBEE vs Titan 2
2014/07/15 DOTA
Python显示进度条的方法
2014/09/20 Python
Python判断直线和矩形是否相交的方法
2015/07/14 Python
在Django框架中运行Python应用全攻略
2015/07/17 Python
Django数据库表反向生成实例解析
2018/02/06 Python
python区块及区块链的开发详解
2019/07/03 Python
详解python中docx库的安装过程
2019/11/08 Python
python+opencv实现车牌定位功能(实例代码)
2019/12/24 Python
凯特王妃父母建立的派对用品网站:Party Pieces
2017/05/28 全球购物
FragranceNet中文网:北美健康美容线上零售商
2020/08/26 全球购物
介绍一下Make? 为什么使用make
2016/07/31 面试题
学校消防安全制度
2014/01/30 职场文书
访谈节目策划方案
2014/05/15 职场文书
学习走群众路线心得体会
2014/11/05 职场文书
2014年幼儿园后勤工作总结
2014/11/10 职场文书
vue3 自定义图片放大器效果的示例代码
2022/07/23 Vue.js