Uri编码,包括javascript前端与C#服务器端
今天看了Artwl的一片关于编码的文章,感觉写的非常好,而且人家那博客园的样式都比哥的好看得多,一幕了然,尤其是那黑色背景的H1,妈个B了,哥太喜欢了。既然如果,就来就着它的文章跟样式,顺便来总结一下Url编码吧。
URI编码的方法汇总
javascript中的编码有三种方法:escape、encodeURI、encodeURIComponent
C#中编码的主要方法:HttpUtility.UrlEncode、Server.UrlEncode、Uri.EscapeUriString、Uri.EscapeDataString。
其中,Uri.EscapeUriString、Uri.EscapeDataString。是由System.Uri类提供,静态方法。对应的解码方法为Uri.UnescapeDataString;
而Server.UrlEncode由HttpServerUtility(WebForm)类提供,在MVC中则由HttpServerUtilityBase提供。Server对象,其实WebForm开发者应该非常熟悉,既能够根据输入网址路径获取服务器的绝对路径,又能够对Uri进行编码解码等等一系列操作。对应的解码方法为Server.UrlDecode。
HttpUtility.UrlEncode(); 是由HttpUtility类提供的,对应的解码方法为HttpUtility.UrlDncode();
javascript编码方法
escape:不推荐使用。
原因:eacape是BOM中的方法,只能对ASCII符号(英文)正确编码,而encodeURI、encodeURIComponent可以对所有的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不需要编码)进行了编码)。
C#编码方法
Server.UrlEncode && HttpUtility.UrlEncode:不推荐
把这两个放到一起说是因为这两个方法在绝大多数情况下是一样的。它们的区别是HttpUtility.UrlEncode默认使用UTF8格式编码,而Server.UrlEncode是使用系统预设格式编码,Server.UrlEncode使用系統预设编码做为参数调用HttpUtility.UrlEncode编码,所以如果系统全局都用UTF8格式编码,这两个方法就是一样的。
这两个方法是怎么编码的呢,我们来看个示例:
string url1 = "http://www.cnblogs.com/a file with spaces.html?a=1&b=博客园#abc"; Response.Write(HttpUtility.UrlEncode(url1) );//output http%3a%2f%2fwww.cnblogs.com%2fa+file+with+spaces.html%3fa%3d1%26b%3d%e5%8d%9a%e5%ae%a2%e5%9b%ad%23abc
由上面的例子我们可以看出,HttpUtility.UrlEncode对冒号(:)和斜杠(/)进行了编码,所以不能用来对网址进行编码。
那么能不能对参数进行编码呢,答案也是否定的。因为在参数中空格应该被编码为%20而不是被HttpUtility.UrlEncode编码为加号(+),所以不推荐用这两个方法对URI进行编码。
Uri.EscapeUriString:用于对网址编码(不包含参数)
string url1 = "http://www.cnblogs.com/a file with spaces.html?a=1&b=博客园#abc"; Response.Write( Uri.EscapeUriString(url1)); //outputs: http://www.cnblogs.com/a%20file%20with%20spaces.html?a=1&b=%E5%8D%9A%E5%AE%A2%E5%9B%AD#abc
可以看出,Uri.EscapeUriString对空格进行了编码,也对中文进行了编码,但对冒号(:)、斜杠(/)和井号(#)未编码,所以此方法可以用于网址进行编码,但不能对参数进行编码,作用类似JavaScript中的encodeURI方法。
Uri.EscapeDataString:用于对网址参数进行编码
string url1 = "http://www.cnblogs.com/a file with spaces.html?a=1&b=博客园#abc"; Response.Write(Uri.EscapeDataString(url1)); //outputs: http%3A%2F%2Fwww.cnblogs.com%2Fa%20file%20with%20spaces.html%3Fa%3D1%26b%3D%E5%8D%9A%E5%AE%A2%E5%9B%AD%23abc
可以看出,Uri.EscapeDataString对冒号(:)、斜杠(/)、空格、中文、井号(#)都进行了编码,所以此方法不可以用于网址进行编码,但可以用于对参数进行编码,作用类似JavaScript中的encodeURIComponent方法。
Uri编码,包括javascript前端与C#服务器端相关推荐
- 从此不再惧怕URI编码:JavaScript及C# URI编码详解
混乱的URI编码 JavaScript中编码有三种方法:escape.encodeURI.encodeURIComponent C#中编码主要方法:HttpUtility.UrlEncode.Serv ...
- 《JavaScript前端开发与实例教程(微课视频版)》
#好书推荐##好书奇遇季#<JavaScript前端开发与实例教程(微课视频版)>,京东当当天猫都有发售.定价59元,网店打折销售更便宜.适合JavaScript初学者,可作为高校相关课程 ...
- 《HTML5+CSS3+JavaScript前端开发从零开始学(视频教学版)》简介
#好书推荐##好书奇遇季#<HTML5+CSS3+JavaScript前端开发从零开始学(视频教学版)>,京东当当天猫都有发售.定价69元.本书配套本书配套示例源代码.PPT课件与同步教学 ...
- JavaScript—— 前端编程语言
JavaScript 前端编程语言 http://caibaojian.com/javascript/ 转载于:https://www.cnblogs.com/highpointengineer/ ...
- JavaScript前端框架的思考
(此文章同时发表在本人微信公众号"dotNET每日精华文章",欢迎右边二维码来关注.) 题记:现在JavaScript前端框架层出不穷,尤其Angular进入到2.x时候之后,我们 ...
- javascript获取asp.net服务器端控件的值(2009-10-31 15:24:26)转载标签:杂谈 分类:技术分类
javascript获取asp.net服务器端控件的值 (2009-10-31 15:24:26) 转载 标签: 杂谈 分类:技术分类 代码如下: <%@ Page Language=" ...
- Javascript前端加载等待圆型圈提示实现效果
Javascript前端加载等待圆型圈提示实现效果 CSS内容 #loading {background-color: #9f9f9f;opacity: 0.15;height: 100%;width ...
- JavaScript前端判断文件是否存在(案例详解)
[辰兮要努力]:hello你好我是辰兮,很高兴你能来阅读,昵称是希望自己能不断精进,向着优秀程序员前行! 博客来源于项目以及编程中遇到的问题总结,偶尔会有读书分享,我会陆续更新Java前端.后台.数据 ...
- 前端加密php后端解密,使用RSA怎么实现JavaScript前端加密与PHP后端解密功能
使用RSA怎么实现JavaScript前端加密与PHP后端解密功能 发布时间:2021-02-08 15:19:14 来源:亿速云 阅读:97 作者:Leah 这期内容当中小编将会给大家带来有关使用R ...
最新文章
- 如何在MARKDOWN编辑器设置表格的宽度?
- who,cut,diff,which,whereis,locate,updatedb 命令的使用
- 重磅!《Android 全埋点技术白皮书》开源所有项目源码!
- wavecn 2.0.0.5 正式版_微信7.0.5怎么更新?微信7.0.5安卓版下载与更新升级教程
- 计算机应用基础在线测试01,计算机应用基础在线测试(全部正确).pdf
- 文本聊天室(TCP-中)
- logistic回归 如何_R_语言 logistic回归分析
- WCF分布式开发步步为赢系列
- java 调用wget_通过命令行执行WGET下载会更快,而通过Java代码执行时会更慢
- docker镜像与容器的区别
- 麦亡9什么时候能装鸿蒙系统,距断供不到10天 麒麟9000即将绝版 华为大招来了:不止鸿蒙2.0...
- java sqlite 多线程_深入Sqlite多线程入库的问题
- 毕业设计 python opencv 机器视觉图像拼接算法
- godspeed机器人_cs1.6kz地图包下载
- Java打开exe文件
- python paramiko ssh-解决强制修改密码登录问题
- Verilog 语言基础
- 高中关于人工智能方面的课题_人工智能课题及其认识意义.doc
- 家庭备忘记事便签软件哪个实用?
- Hello 内存 cache 主存 外存
热门文章
- python学习手册翻译很差吗-为什么要翻译?值得坚持下去么?
- python操作excel-Python对Excel的读写等操作(转)
- android onpause时动画出错,Android生命周期之onPauseonStop
- mysql三范式和反三范式_数据库三范式和反三范式
- spring中事件发布设计与实现
- Revising the Select Query I(单表查询)
- tortoiseHG不用每次输入密码
- 网站如何获得优质链接
- TZOJ 2569 Wooden Fence(凸包求周长)
- csapp 大作业 hello的一生