web开发---baidu map API开发

本文深入探讨了在JavaScript和C#中使用URL编码(escape、encodeURI、encodeURIComponent)解决网页URL中文参数乱码问题的方法。详细对比了三种编码方法的区别,包括其适用场景、编码字符集以及如何正确地对URI进行编码。通过实例演示了如何在实际项目中避免因特殊符号编码导致的参数解析错误。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >


URL编码

今天做网页url传中文参数的时候,遇到了截取参数为乱码的情况,为解决这一问题,发现使用encodeURL()可以避免对一些特殊符号(诸如?,=)编码,以便正确截取对应参数,在通过解码decodeURL()就可以保证参数的正常传递。

参考资料:

JavaScript中编码有三种方法:escape、encodeURIencodeURIComponent

JavaScript中的还好,只提供了三个,C#中主要用的就有这么多,还没有列出其他编码(HTML),一多就弄不明白,弄不明白就心生恐惧,心生恐惧就变得苦逼,本文就向大家详细解释在JavaScript及C#中如何对URI进行编码的方法(注:本文不涉及到其他编码)

escape :不推荐使用

原因:eacape是BOM中的方法,只能对ASCII符号正确编码,而encodeURIencodeURIComponent可以对所有的Unicode符号编码ECMAScript v3 反对使用该方法,应用使用 decodeURI() 和 decodeURIComponent() 替代它

escape不编码字符有69个:*,+,-,.,/,@,_,0-9,a-z,A-Z

encodeURI :用于对网址编码(不包含参数)

encodeURI不编码字符有82个:!,#,$,&,',(,),*,+,,,-,.,/,:,;,=,?,@,_,~,0-9,a-z,A-Z

encodeURI就是为这个而设计的。encodeURI不对URI中的特殊字符进行编码,如冒号(:)斜杠(/)。下面看个示例:

encodeURI("http://www.cnblogs.com/a file with spaces.html")
// outputs http://www.cnblogs.com/a%20file%20with%20spaces.html

可以看到仅仅把空格替换成了20%,所以此方法可用于对网址进行编码

由于encodeURI不对冒号(:)、斜杠(/)进行编码,所以如果参数(如把网址作为参数)中包含冒号(:)斜杠(/),就会解析出错,所以此方法不能对参数进行编码。

encodeURIComponent :用于对网址参数进行编码

encodeURIComponent不编码字符有71个:!, ',(,),*,-,.,_,~,0-9,a-z,A-Z

  可以看到此方法对:/都进行了编码,所以不能用它来对网址进行编码。由于此方法对中文,空格,井号(#),斜线(/),冒号(:)都进行了编码,所以适合对URI中的参数进行编码看下面的示例:

var param="博客园";
var url="http://www.cnblogs.com/?key="+encodeURIComponent(param)+"&page=1";
console.log(url);//outputs http://www.cnblogs.com/?key=%E5%8D%9A%E5%AE%A2%E5%9B%AD&page=1

可以看到,这正是我们想要的结果(这里只对需要编码的参数(page=1不需要编码)进行了编码)。


评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值