encodeURIComponent的使用

本文详细介绍了JavaScript中的三种编码函数:escape、encodeURI 和 encodeURIComponent 的使用场景及区别,并给出了实际应用案例。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

在说明encodeURIComponent前先介绍下escape,encodeURI,encodeURIComponent这三个,主要是从其他地方转过来的(http://blog.youkuaiyun.com/fengzi_shen/archive/2009/04/01/4041488.aspx)。

js对文字进行编码涉及3个函数:escape,encodeURI,encodeURIComponent,相应3个解码函数:unescape,decodeURI,decodeURIComponent

1
传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断。

例如:<scriptlanguage="javascript">document.write('<ahref="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

[Huoho.Com
编辑]

例如:搜藏中history纪录。

4
escape0-255以外的unicode值进行编码时输出%u****格式,其它情况下escapeencodeURIencodeURIComponent编码结果相同。


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

escape
不编码字符有69个:*+-./@_0-9a-zA-Z

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

encodeURIComponent
不编码字符有71个:! '()*-._~0-9a-zA-Z


现在说下我在传递非英文字符串的处理:

URLaddressgrp.action?oper=addgrp&groupname="+encodeURIComponent(groupsname)

action获取groupnamegetGroupname())时并没有进过编码转化,获取的信息并不正确,经过尝试发现需要进行一次编码转换:String grpname= new String(getGroupname().getBytes("ISO-8859-1"),"UTF-8");

后台获取数据Server.UrlDecode();

### JavaScript 中 `encodeURIComponent` 的用法 `encodeURIComponent` 是一个用于对 URI 组件进行编码的内置 JavaScript 函数。它会对字符串中的非 ASCII 字符以及具有特殊含义的标点符号进行转义,确保生成的字符串可以安全地作为 URI 的一部分使用[^1]。 #### 主要特点 - 该函数会将除了字母、数字以及以下字符 `- _ . ! ~ * ' ( )` 以外的所有字符转换为百分号 `%` 后跟两位十六进制数的形式。 - 它特别适用于对 URI 查询字符串中的键或值进行编码[^4]。 #### 参数说明 - `uri`: 必需参数,表示需要被编码的 URI 组件或其他文本字符串。 #### 示例代码 以下是一个使用 `encodeURIComponent` 的示例: ```javascript var uri = "http://example.com/my test.php?name=ståle&car=saab"; document.write(encodeURIComponent(uri)); ``` 上述代码的输出结果为: ``` http%3A%2F%2Fexample.com%2Fmy%20test.php%3Fname%3Dst%C3%A5le%26car%3Dsaab ``` 在实际应用中,通常会结合表单数据来构造查询字符串。例如: ```javascript for (var i = 0; i < whichform.elements.length; i++) { var element = whichform.elements[i]; dataparts[i] = element.name + '=' + encodeURIComponent(element.value); } ``` 此代码片段展示了如何对表单元素的值进行编码并拼接成查询字符串的一部分[^3]。 #### 与 `encodeURI` 的区别 需要注意的是,`encodeURIComponent` 和 `encodeURI` 虽然功能相似,但存在关键差异。`encodeURI` 不会对某些在 URI 中具有特殊意义的字符(如 `?`, `#`, `&` 等)进行编码,而 `encodeURIComponent` 则会对这些字符进行编码。 #### 注意事项 当处理包含多维数组或复杂对象的数据时,建议先将其序列化为 JSON 字符串,然后再使用 `encodeURIComponent` 进行编码,以避免因特殊字符未被正确转义而导致的问题[^4]。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值