简单实例处理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每次Title显示不同的名言
Sep 25 Javascript
jquery 简短几句代码实现给元素动态添加及获取提示信息
Sep 01 Javascript
解析页面加载与js函数的执行 onload or ready
Dec 12 Javascript
屏蔽IE弹出&quot;您查看的网页正在试图关闭窗口,是否关闭此窗口&quot;的方法
Dec 31 Javascript
原生javascript实现图片按钮切换
Jan 12 Javascript
js密码强度校验
Nov 10 Javascript
Jquery轮播效果实现过程解析
Mar 30 Javascript
Node.js与Sails redis组件的使用教程
Feb 14 Javascript
jQuery中each循环的跳出和结束实例
Aug 16 jQuery
基于Bootstrap实现城市三级联动
Nov 23 Javascript
vue中如何实现pdf文件预览的方法
Jul 12 Javascript
小试SVG之新手小白入门教程
Jan 08 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
php判断并删除空目录及空子目录的方法
2015/02/11 PHP
php计算整个目录大小的方法
2015/06/01 PHP
PHP中对数组的一些常用的增、删、插操作函数总结
2015/11/27 PHP
WordPress开发中短代码的实现及相关函数使用技巧
2016/01/05 PHP
PHP+jQuery实现滚屏无刷新动态加载数据功能详解
2017/05/04 PHP
laravel框架实现去掉URL中index.php的方法
2019/10/12 PHP
php 利用socket发送GET,POST请求的实例代码
2020/07/04 PHP
EXT窗口Window及对话框MessageBox
2011/01/27 Javascript
jQuery之ajax技术的详细介绍
2013/06/19 Javascript
JavaScript淡入淡出渐变简单实例
2015/08/06 Javascript
canvas绘图不清晰的解决方案
2017/02/28 Javascript
JavaScript捕捉事件和阻止冒泡事件实例分析
2018/08/03 Javascript
详解如何探测小程序返回到webview页面
2019/05/14 Javascript
angular4应用中输入的最小值和最大值的方法
2019/05/17 Javascript
vue实现页面滚动到底部刷新
2019/08/16 Javascript
Vue-router编程式导航的两种实现代码
2021/03/04 Vue.js
[01:36]极致酷炫!TI9典藏宝瓶+撼地者至宝展示
2019/06/11 DOTA
python处理圆角图片、圆形图片的例子
2014/04/25 Python
python多进程中的内存复制(实例讲解)
2018/01/05 Python
Python3.x爬虫下载网页图片的实例讲解
2018/05/22 Python
pytorch 实现将自己的图片数据处理成可以训练的图片类型
2020/01/08 Python
用canvas做一个DVD待机动画的实现代码
2019/04/12 HTML / CSS
乐天旅游香港网站:日本饭店预订
2017/11/29 全球购物
德国大型和小型家用电器网上商店:Energeto
2019/05/15 全球购物
文职个人求职信范文
2013/09/23 职场文书
考博自荐信
2013/10/25 职场文书
施工安全承诺书
2014/05/22 职场文书
学雷锋志愿者活动总结
2014/06/27 职场文书
五好文明家庭事迹材料
2014/12/20 职场文书
2016大学自主招生推荐信范文
2015/03/23 职场文书
幼儿园百日安全活动总结
2015/05/07 职场文书
让世界充满爱观后感
2015/06/10 职场文书
2019数学教师下学期工作总结
2019/06/27 职场文书
2019终止劳动合同协议书最新范本!
2019/07/09 职场文书
DBCA命令行搭建Oracle ADG的流程
2021/06/11 Oracle
postgresql之greenplum字符串去重拼接方式
2023/05/08 PostgreSQL