美文网首页
从此不再惧怕URI编码:JavaScript及C# URI编码详

从此不再惧怕URI编码:JavaScript及C# URI编码详

作者: xiongshunshun | 来源:发表于2017-12-07 01:24 被阅读0次

    混乱的URI编码

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

    C#中编码主要方法:HttpUtility.UrlEncode、Server.UrlEncode、Uri.EscapeUriString、Uri.EscapeDataString

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

    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中的参数进行编码。看下面的示例:

    varparam="博客园";

    varurl="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不需要编码)进行了编码)。

    作者:Hegel_SU

    链接:http://www.jianshu.com/p/288462ffc6bf

    來源:简书

    著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。

    相关文章

      网友评论

          本文标题:从此不再惧怕URI编码:JavaScript及C# URI编码详

          本文链接:https://www.haomeiwen.com/subject/jjmrixtx.html