小程序URL解码decodeURI与decodeURIComponent的区别
程序 区别 url 解码
2023-09-11 14:14:25 时间
-
定义
decodeURI() 函数可对 encodeURI() 函数编码过的 URI 进行解码。
decodeURIComponent() 函数可对 encodeURIComponent() 函数编码的 URI 进行解码。
从W3C的定义和用法来看,两者没有什么区别,但是两者的参数是有区别的:
//URIstring 一个字符串,含有要解码的 URI 或其他要解码的文本。
decodeURI(URIstring)
//URIstring 一个字符串,含有编码 URI 组件或其他要解码的文本。
decodeURIComponent(URIstring)
-
区别
encodeURIComponent和decodeURIComponent可以编码和解码URI特殊字符(如#,/,¥等),而decodeURI则不能。
encodeURIComponent('#')
"%23"
decodeURIComponent('%23')
"#"
encodeURI('#')
"#"
decodeURI('%23')
"%23"
可以看出encodeURI和decodeURI对URI的特殊字符是没有编码和解码能力的,实际项目中我们一般需要get请求的方式在地址栏中拼接一些参数,但是参数中如果出现#,/,&这些字符,就必须要用decodeURIComponent了,不然这些特殊字符会导致我们接收参数的错误
let url = 'http://www.baidu.com?code=123#abc哈哈'
console.log(encodeURI(url))
//http://www.baidu.com?code=123#abc%E5%93%88%E5%93%88
console.log(encodeURIComponent(url))
//http%3A%2F%2Fwww.baidu.com%3Fcode%3D123%23abc%E5%93%88%E5%93%88
相关文章
- 关于小程序navigator没有高的情况
- 《.NET 进阶指南》读书笔记1------NET程序集与普通EXE文件的区别
- Linux系统编程_6_进程环境(C程序典型的存储空间)
- H5和微信小程序测试区别
- 【jvm系列-03】精通运行时数据区私有区域---虚拟机栈、程序计数器、本地方法栈
- C#程序集系列06,程序集清单,EXE和DLL的区别
- 全栈开发工程师微信小程序-中
- 小程序页面跳转传参-this和that的区别-登录流程-下拉菜单-实现画布自适应各种手机尺寸
- 小程序页面跳转传参-this和that的区别-登录流程-下拉菜单-实现画布自适应各种手机尺寸
- 《像计算机科学家一样思考C++》——1.5 第一个程序
- 程序员都能当h客吗?IT男、码农和程序猿有啥区别?
- 微信小程序 input 的 type属性 text、number、idcard、digit 区别
- 浅析端口被占用如何做、windows报错'telnet'不是内部或外部命令,也不是可运行的程序如何处理以及ping不通telnet可能通(即ping与telnet的区别)
- 小程序中e.target与e.currentTarget区别详解
- 微信小程序 canIUse