decodeURIComponent有个BUG,当浏览器请求地址含%+数字时,会解析错误


发布者 kris  发布时间 1495603303773
关键字 JS学习  JavaScript 
比如要查询字符串: 限时特惠!仅需0.5%25!

直接在浏览器中输入:

https://stackoverflow.com/search?q=限时特惠!仅需0.5%25

但搜索框中会出现,



%25变成%了。

我特意在Node.JS中试了下:

浏览器输入  http://localhost:8064/view/限时特惠!仅需0.5%25

在后台接收到的原始地址是:

Handler matched 53 /view/:fileUrl$ /view/%E9%99%90%E6%97%B6%E7%89%B9%E6%83%A0%EF%BC%81%E4%BB%85%E9%9C%800.5%25%EF%BC%81

此时用decodeURIComponent解析

decodeURIComponent('%E9%99%90%E6%97%B6%E7%89%B9%E6%83%A0%EF%BC%81%E4%BB%85%E9%9C%800.5%25%EF%BC%81')

结果变成:

"限时特惠!仅需0.5%!"

25消失了。

解决办法

在发出请求前,先手动在前端编码,再在后端解码:

encodeURIComponent('限时特惠!仅需0.5%25!')
> "%E9%99%90%E6%97%B6%E7%89%B9%E6%83%A0%EF%BC%81%E4%BB%85%E9%9C%800.5%2525%EF%BC%81"
decodeURI('%E9%99%90%E6%97%B6%E7%89%B9%E6%83%A0%EF%BC%81%E4%BB%85%E9%9C%800.5%2525%EF%BC%81')
> "限时特惠!仅需0.5%25!"




回复 (1)
  • #
  • #1 路丘扛 1498040169301

    无语了。。。这算bug?。。。强行bug。。。

微信扫码 立即评论




 热门文章 - 分享最多
  1. JavaScript使用ES6的Class面向对象继承时 this is not defined 解决方法
  2. Docker改名Moby:急于商业化陷入品牌更名乱象
  3. Java已快过时?斯坦福大学将JavaScript作为计算机科学入门课
  4. TCP/UDP协议比较:在Node.JS中UDP服务器和客户端通信示例
  5. Node.JS通过原型和类继承EventEmitter,实现收发事件的几种方法
  6. "永恒之蓝"比特币勒索病毒(WannaCry)的攻击原理
  7. 周鸿祎:一些程序员没有商业意识,却又很自负,一看就知道不会创业
  8. Node.js网页抓取:一个最简单的http请求客户端示例(request client)
  9. Node.JS用Socket实现FTP Server服务器和Client客户端
  10. Node.JS更改Windows注册表regedit的几种方法

 相关阅读
  1. decodeURIComponent有个BUG,当浏览器请求地址含%+数字时,会解析错误
  2. NodeJS的DNS使用:域名解析,MX记录查询,SPF反垃圾邮件测试
  3. Node.JS如何调用Chrome打开浏览器链接地址
  4. 用纯Node.JS弹出Windows系统消息提示框(MessageBox)
  5. 利用Windows注册表将你的Node.JS程序添加到右健菜单直接运行
  6. JavaScript中splice与slice的区别、数组的复制以及在指定位置添加删除元素
  7. Node.JS中如何判断递归嵌套的所有回调函数已经执行完毕,以读取目录下所有文件为例:计数比Promise方式快将近一倍
  8. Node.js网页抓取:一个最简单的http请求客户端示例(request client)
  9. JavaScrip字符串模板表达式中的反引号怎么打?
  10. Node.JS用Socket实现FTP Server服务器和Client客户端

  开源的 OurJS
OurJS开源博客已经迁移到 OnceOA 平台。

  关注我们
扫一扫即可关注我们:
OnceJS

OnceOA