小程序URL解码decodeURI与decodeURIComponent的区别

定义

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%88console.log(encodeURIComponent(url))
//http%3A%2F%2Fwww.baidu.com%3Fcode%3D123%23abc%E5%93%88%E5%93%88

小程序URL解码decodeURI与decodeURIComponent的区别相关推荐

微信小程token_微信小程序url与token设置详解
微信小程序url与token设置详解新浪云应用sae的代码里创建一个weixin.php文件,写入以下代码 isValid(); class wechatAPI { public function ...
微信小程序开发实战9_3 小程序URL Scheme
为了微信小程序的推广,微信提供了多种小程序入口方式,比如在公众号中可以将已经关联过的小程序的页面放置到自定义菜单中,用户单击后就可以打开小程序的相关页面:或者是给用户发送公众号模板消息,用户点击收到的 ...
微信小程token_微信小程序url与token如何设置
本文主要介绍了微信小程序url与token设置详解的相关资料,希望通过本文能帮助到大家解决类似问题,需要的朋友可以参考下,希望能帮助到大家. 微信小程序url与token设置详解新浪云应用sae的代 ...
uniapp 前端获取微信小程序 URL Link (HTTPS调用)
前端基于 uniapp 获取微信小程序 URL Link 短链,适用于短信.邮件.网页.微信内等拉起小程序的业务场景.目前仅针对国内非个人主体的小程序开放. 前言:微信小程序此前可以在小程序管理后台- ...
微信小程序和H5网页之间有什么区别？
微信小程序和H5网页之间有什么区别本博主语录:小程序和H5网页的主要开发语言都是 JavaScript ,所以通常小程序的开发会被用来同普通的网页开发来做对比.两者有很大的相似性,对于前端开发者而言 ...
小程序 VS 公众号、APP的区别在哪？
小程序 VS 公众号.APP的区别到底在哪小程序 VS APP 一.下载 App 从应用商店(如 App Store)里下载: 小程序通过微信(扫描二维码.搜索)直接获得: 二.安装 App 安装 ...
[转]微信小程序和H5微网站有什么区别？
时常有用户咨询:微信小程序和H5微网站有什么区别?哪个更好?这个问题,对于普通用户确实难以区分,今天我们就一起来对比一下两者的区别. 要对比,首先我们要知道,什么是微信小程序?微信官方定义:微信小程序 ...
PHP实现生成小程序二维码带参数进入指定页面、小程序URL scheme实现携带数据跳转小程序
图片二维码生成 <?php //二进制转图片image/pngfunction burryToBase64($contents, $mime){$base64 = base64_encode($ ...
小程序 URL Scheme
踩坑日记 1.在微信公众平台上生成的URL Scheme 是不能在微信种打开的,会报 '对不起,该页面无法打开',必须要到短信里才能打开(ios) 2.从短信中直接跳到小程序的H5页面,即跳到webv ...

小程序URL解码decodeURI与decodeURIComponent的区别

定义

区别

小程序URL解码decodeURI与decodeURIComponent的区别相关推荐

最新文章

热门文章