简单实例处理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 相关文章推荐
javascript 写类方式之五
Jul 05 Javascript
javascript定时变换图片实例代码
Mar 17 Javascript
javascript消除window.close()的提示窗口
May 20 Javascript
JQuery遍历元素的后代和同胞实现方法
Sep 18 Javascript
详解js产生对象的3种基本方式(工厂模式,构造函数模式,原型模式)
Jan 09 Javascript
使用jQuery的ajax方法向服务器发出get和post请求的方法
Jan 13 Javascript
js 数据存储和DOM编程
Feb 09 Javascript
AngularJS执行流程详解
Feb 17 Javascript
javascript 取小数点后几位几种方法总结
Aug 02 Javascript
echarts实现词云自定义形状的示例代码
Feb 20 Javascript
Vue的编码技巧与规范使用详解
Aug 28 Javascript
在Angular中实现一个级联效果的下拉框的示例代码
May 20 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 常用字符串函数总结
2008/03/15 PHP
PHP6 mysql连接方式说明
2009/02/09 PHP
PHP实现的json类实例
2015/07/28 PHP
在JavaScript中操作时间之getYear()方法的使用教程
2015/06/11 Javascript
微信小程序 textarea 详解及简单使用方法
2016/12/05 Javascript
Vue.js学习笔记之常用模板语法详解
2017/07/25 Javascript
js构造函数创建对象是否加new问题
2018/01/22 Javascript
微信小程序icon组件使用详解
2018/01/31 Javascript
Vue解析带html标签的字符串为dom的实例
2019/11/13 Javascript
vue列表数据发生变化指令没有更新问题及解决方法
2020/01/16 Javascript
js实现筛选功能
2020/11/24 Javascript
[01:11:28]DOTA2-DPC中国联赛定级赛 RNG vs Phoenix BO3第一场 1月8日
2021/03/11 DOTA
仅用50行Python代码实现一个简单的代理服务器
2015/04/08 Python
复习Python中的字符串知识点
2015/04/14 Python
python创建关联数组(字典)的方法
2015/05/04 Python
django通过ajax发起请求返回JSON格式数据的方法
2015/06/04 Python
python解决Fedora解压zip时中文乱码的方法
2016/09/18 Python
Python内置函数OCT详解
2016/11/09 Python
Python 装饰器实现DRY(不重复代码)原则
2018/03/05 Python
Python 经典面试题 21 道【不可错过】
2018/09/21 Python
python中单例常用的几种实现方法总结
2018/10/13 Python
python实现按关键字筛选日志文件
2019/12/24 Python
在 Linux/Mac 下为Python函数添加超时时间的方法
2020/02/20 Python
opencv 形态学变换(开运算,闭运算,梯度运算)
2020/07/07 Python
Pytorch框架实现mnist手写库识别(与tensorflow对比)
2020/07/20 Python
Python创建文件夹与文件的快捷方法
2020/12/08 Python
HTML5本地存储之IndexedDB
2017/06/16 HTML / CSS
尤妮佳moony海外旗舰店:日本殿堂级纸尿裤品牌
2018/02/23 全球购物
德国苹果商店:MacTrade
2020/05/18 全球购物
澳大利亚著名的纺织品品牌:Canningvale
2020/05/05 全球购物
委托代理人授权委托书范本
2014/09/24 职场文书
党员个人查摆剖析材料
2014/10/16 职场文书
2015年检察院个人工作总结
2015/05/20 职场文书
各类场合主持词开场白范文集锦
2019/08/16 职场文书
Elasticsearch 数据类型及管理
2022/04/19 Python
win10如何开启ahci模式?win10开启ahci模式详细操作教程
2022/07/23 数码科技