tips07-encodeURI()的使用

最新推荐文章于 2025-02-05 06:57:01 发布
最新推荐文章于 2025-02-05 06:57:01 发布
阅读量54 收藏
点赞数
CC 4.0 BY-SA版权
原文链接：http://www.cnblogs.com/noraZhang/p/10273512.html
本文详细介绍了在URL中使用中文字符时可能出现的问题及解决方案。当URL包含中文时，必须使用encodeURI()函数进行编码，避免出现TypeError: Request path contains unescaped characters错误。通过实例演示了如何正确地将中文城市名编码并用于HTTP请求。

url中不能带有中文, 所有在url中拼接字符串的时候, 要先对中文进行编码

encodeURI() 函数可以把字符串作为uri编码

 

let cityName = encodeURI('武汉')

fetch(`http://v.juhe.cn/weather/index?&cityname=${cityName}`)

如果遇到以下报错 , 可能原因就是这个

TypeError: Request path contains unescaped characters(非转义字符)

 

转载于:https://www.cnblogs.com/noraZhang/p/10273512.html

Vue 09Vue中使用行内样式---class
mqingo的博客
01-02 2944
09Vue中使用样式---class.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>09Vue中使用样式----class</title> <script type="text/javascript
Vue 08使用v-model实现计算器
mqingo的博客
01-02 723
08使用v-model实现计算器.html <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>08使用v-model实现计算器</title> <script type="text/javascript&quot
encodeURI()、encodeURIComponent()区别及使用场景
qq_42931285的博客
11-26 6031
encodeURI()、encodeURIComponent()区别及使用场景
【Javascript】encodeURI、encodeURIComponent、decodeURI、decodeURIComponent
zhenshu_guo的博客
04-21 1万+
encodeURI、encodeURIComponent、decodeURI、decodeURIComponent
如何正确地使用encodeURI()对 URL 进行编码
dzhnb的博客
11-08 1908
方法用于对整个 URI 进行编码。它会对 URI 中的特殊字符进行编码，以便在网络上传输时不产生歧义。与方法不同的是，不会对 URI 中的特殊字符（如?等）进行编码，因为这些字符在 URI 中有特定的语法意义。uri：要进行编码的 URI 字符串。编码后的 URI 字符串。是一个在构建和处理 URL 时非常有用的方法。它确保整个 URI 的有效性，尤其是在处理包含特殊字符或非 ASCII 字符的 URL 时。了解如何正确使用和可以帮助你创建更安全、有效的 Web 应用程序。
js的 encodeURI() encodeURIComponent() decodeURI() decodeURIComponent() 笔记250205
kfepiza的博客
02-05 2956
和。它们分别用于不同的场景，具体区别和用法如下：：编码完整的URI，保留保留字符（如:/?#@等），仅对非保留字符进行编码。：编码整个URL，确保URI结构不被破坏。://?张三：编码URI的组成部分（如查询参数），对所有非标准字符（包括保留字符）进行编码。：编码URI的某部分（如参数值），防止特殊字符破坏URI结构。%3D%26：解码由编码的URI，仅还原非保留字符的编码，保留保留字符的编码。%20%25?：解码由编码的字符串，还原所有字符的编码（包括保留字符）。
Vue 品牌列表padStart方法的使用
mqingo的博客
01-04 675
06品牌列表padStart方法的使用.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-s
微信小程序文件上传(唤起文件资源管理器)
weixin_45439337的博客
07-30 1846
这个组件由于包含了，文件上传进度条以及预览等功能，所有代码较多。核心代码主要在web-view页面和 fileUpload 文件下index.html这里也是可以携带token进行文件上传的web-view中message的到的就是上传接口返回的url注意：web-view得有路由变化以及页面销毁等才会传参。
CTF+密码学
Nobug_的博客
03-26 2401
CTF+密码学 提示：前一段时间团队举行了内部赛，本来觉得密码学类的题应该是最简单的，但是当自己去做题的时候才发现，积累的并不是很多，并且这些东西记不在脑子里。所以打算写一篇文章来记录一下目前所遇到的密码学 文章目录CTF+密码学前言一、Base家族二、凯撒密码三、维吉尼亚密码四、栅栏密码五、猪圈密码六、摩斯密码七、ASCII编码八、弱口令九、培根密码十、当铺密码其他不常见密码总结 前言 密码学个人感觉这是一个很容易掌握，但又不好搞得东西。容易掌握是因为这个东西没有门槛任何人都可以做，说它不好搞是因为
encodeURI()使用说明
zw1_csdn的博客
09-19 5041
说明：encodeURI() 函数可把字符串作为 URI 进行编码。URIstring 的副本，其中的某些字符将被十六进制的转义序列进行替换。该方法不会对 ASCII 字母和数字进行编码，也不会对这些 ASCII 标点符号进行编码： - _ . ! ~ * ' ( )。 该方法的目的是对 URI 进行完整的编码，因此对以下在URI 中具有特殊含义的 ASCII 标点符号...
中文乱码 encodeURI来解决URL传递时的中文问题
热门推荐
前端蜗牛君
12-29 3万+
解决中文乱麻问题，页面端发出的数据作两次encodeURI var name="张三"; encodeURI(encodeURI(name)); 后台解码：  URLDecoder.decode(name,"UTF-8"); 参考：http://blog.youkuaiyun.com/zqd_java/article/details/53608585 ---------------
js 原生方法操作 cookie 详解
学习笔记
12-16 6283
js 原生方法操作 cookie 详解 客户端存储小型数据的方式有 cookie 和 storage 两种 这两种存储方式都是基于站点的，也就是说不同的站点有不同的cookie和storage cookie 是 document 的属性，也就是 window.document.cookie 用于存储小的数据，如 username email uuid token等，并可以设置数据的过期时间 ...
encodeURI 和 decodeURI 用法
young_sam的博客
12-25 1369
把URI字符串采用UTF-8编码格式转化成escape各式的字符串。 encodeURI不编码字符有82个：!，#，$，&，'，(，)，*，+，,，-，.，/，:，;，=，?，@，_，~，0-9，a-z，A-Z encodeURI()用于整个url编码 const t = ' http://localhost:8080/pro?a=1&b=张三&c=aa' console.log(encodeURI(t), decodeURI(encodeURI(t))) /** ..
关于encodeURI和encodeURIComponent的使用场景
wangongda的博客
03-28 4233
encodeURI：适用于url跳转时。 encodeURIComponent：适用于url作为参数传递时。 tips：当url作为参数传递时如果没有用encodeURIComponent进行编码，会造成传递时url中的特殊字符丢失。 ...
get请求有中文时候一次encodeURI无效的解决方法
lstFable的博客
01-10 2897
原文地址： http://blog.youkuaiyun.com/renminzdb/article/details/42422143 encodeURI(encodeURI("中文"));第一次是把中文编码成%xy的格式， 第二次是对%xy中的%进行编码,%编码成%25。整个传参过程大体应该是：提交页面使用encodeURI(encodeURI("中文"))编码,把最后的编码结果%25xy传递给
encodeURI来解决URL传递时的中文问题
hq.zheng的博客
06-11 3587
1.前端：    var url = baseContext+"xxxx.action?parm="+encodeURI(encodeURI('中')); 这里要做两次encodeURI的原因以及说明::其中具体的原理分析如下，假设页面端输入的中文是一个“中”，按照下面步骤进行解码 1.第一次encodeURI，按照utf-8方式获取字节数组变成[-28,-72-83]，对字节码数组进行遍历，把每...
JavaScript encodeURI() 函数详解
夜静天明
07-25 2532
encodeURI()函数用于对统一资源标识符(URI)进行编码，并返回编码后的URI字符串。 该函数属于Global对象，所有主流浏览器均支持该函数。 语法 encodeURI( URIString ) 参数 参数 描述 URIString String类型需要编码的URI字符串。 返回值 encodeURI
js中encodeURI和encodeURIComponent的区别
指南针的博客
12-13 5606
encodeURI和encodeURIComponent都是对url的编码。 对URL编码是常见的事，所以这两个方法应该是实际中要特别注意的。 它们都是编码URL，唯一区别就是编码的字符范围了： encodeURI方法不会对下列字符编码ASCII字母、数字、~!@#$&*()=:/,;?+' encodeURIComponent方法不会对下列字符编码ASCII字母、数字、~!...
encodeURI
最新发布
03-14
### JavaScript `encodeURI` 使用方法及示例 #### 方法定义 `encodeURI` 是一种用于对 URI (Uniform Resource Identifier) 字符串进行编码的方法。它会替换掉 URI 中具有特殊含义的字符，使其能够安全地作为 URL 的...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值