js encodeURI() decodeURI() encodeURIComponent() decodeURIComponent()

encodeURIencodeURIComponent都是ECMA-262标准中定义的函数,它们都是用来对URI(RFC-2396)字符串进行编码的全局函数,但是处理方式和使用场景不同。


RFC-2396字符串分类

  1. 保留字符
    URI中的保留关键字符,用于分割URI的各个部分。

    “;” | “/” | “?” | “:” | “@” | “&” | “=” | “+” | “$” | “,”

  2. Mark字符
    RFC-2396特别定义的字符,但没有说明特殊用途。

    “-” | “_” | “.” | “!” | “~” | “*” | “’” | “(” | “)”

  3. 基本字符
    URI的主题部分,包括:

    所有的大写字母、小写字母和数字


区别

  1. encodeURI
    该函数对传入字符串中的所有非(基本字符、Mark字符和保留字符)进行转义编码(escaping).
var uri="my test.asp?name=ståle&car=saab";
document.write(encodeURI(uri));

–> my%20test.asp?name=st%C3%A5le&car=saab

  1. encodeURIComponent
    对于保留字符同样做转义编码.
var uri="http://jb51.net/my test.asp?name=ståle&car=saab";
document.write(encodeURIComponent(uri)); 

–> http%3A%2F%2Fjb51.net%2Fmy%20test.asp%3Fname%3Dst%C3%A5le%26car%3Dsaab

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
在JavaScript中,encodeURI()函数用于将URI字符串转换为UTF-8编码格式的escape格式字符串。这个函数会编码除了以下字符之外的所有字符:! @ # $ & ( ) = : / ; ? + '。\[1\]例如,如果你想编码一个带有特殊字符(比如中文)的URI,你可以使用encodeURI()函数。例如,如果原始URI是"http://www.365mini.com/page/tag/中国近代史的前车之鉴",那么使用encodeURI()函数后,编码后的URI将变为"http://www.365mini.com/page/tag/%E4%B8%AD%E5%9B%BD%E8%BF%91%E4%BB%A3%E5%8F%B2%E7%9A%84%E5%89%8D%E8%BD%A6%E4%B9%8B%E9%89%B4"。\[1\] 另外,JavaScript还提供了encodeURIComponent()函数,用于将URI作为请求参数传递时编码所有的字符。encodeURIComponent()函数会编码所有字符,包括特殊字符和保留字符。\[1\]例如,如果你想编码一个URL参数,比如将参数值中的中文字符编码,你可以使用encodeURIComponent()函数。例如,如果原始URL是"http://localhost:8080/pro?a=1&b=张三&c=aaa",那么使用encodeURIComponent()函数后,编码后的URL将变为"http://localhost:8080/pro?a=1&b=%E5%BC%A0%E4%B8%89&c=aaa"。\[2\] 需要注意的是,encodeURI()和encodeURIComponent()函数都有对应的解码函数,分别是decodeURI()和decodeURIComponent()。这些函数可以用来解码已经编码的URI字符串。\[1\] #### 引用[.reference_title] - *1* [JavaScript encodeURI() 函数详解](https://blog.csdn.net/zyl3133873776/article/details/52022462)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] - *2* *3* [js使用encodeURIdecodeURI转码和解码](https://blog.csdn.net/xingchen678/article/details/107784720)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v91^control_2,239^v3^insert_chatgpt"}} ] [.reference_item] [ .reference_list ]

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值