url的转义

url的转义今天做下载功能的时候,遇上需要转义的事情了,就总结一下;escape()、encodeURIComponent()和 encodeURI()我们可以知道:escape()除了ASCII字母、数字和特定的符号外,对传进来的字符串全部进行转义编码,因此如果想对URL编码,最好不要使用

大家好,欢迎来到IT知识分享网。url的转义"

今天做下载功能的时候,遇上需要转义的事情了,就总结一下;

escape()、encodeURIComponent() 和 encodeURI()

我们可以知道:escape()除了 ASCII 字母、数字和特定的符号外,对传进来的字符串全部进行转义编码,因此如果想对URL编码,最好不要使用此方法。而encodeURI() 用于编码整个URI,因为URI中的合法字符都不会被编码转换。encodeURIComponent方法在编码单个URIComponent(指请求参数)应当是最常用的,它可以讲参数中的中文、特殊字符进行转义,而不会影响整个URL。

请注意 encodeURIComponent() 函数 与 encodeURI() 函数的区别之处,前者假定它的参数是 URI 的一部分(比如协议、主机名、路径或查询字符串)。因此 encodeURIComponent() 函数将转义用于分隔 URI 各个部分的标点符号。

一、encodeURI()  //转义一个URI中的字符

  语法:encodeURI(uri)  //这个在编码不同的AJAX请求时,解决中文乱码问题经常用到。

        var str1 = "你好javascript";
        var str2 = encodeURI(str1);
        document.write(str2);   //输出%E4%BD%A0%E5%A5%BDjavascript 

二、decodeURI()  //解码一个URI中的字符

  语法:decodeURI(uri)

        var str1 = "你好javascript";
        var str2 = encodeURI(str1);
        document.write(str2);   //输出%E4%BD%A0%E5%A5%BDjavascript
        var str3 = decodeURI(str2);
        document.write("<br/>" + str3)  //输出    你好javascript

三、encodeURIComponent()  //转义URI组件中的字符

        var str1 = "你好javascript";
        var str2 = encodeURIComponent(str1);
        document.write(str2);   //输出%E4%BD%A0%E5%A5%BDjavascript

四、decodeURIComponent()  //解码一个URI组件中的字符

        var str1 = "你好javascript";
        var str2 = encodeURIComponent(str1);
        document.write(str2);   //输出%E4%BD%A0%E5%A5%BDjavascript
        var str3 = decodeURIComponent(str2);
        document.write("<br/>" + str3)  //输出    你好javascript

 五、escape()  //编码一个字符串

  语法:escape(value);

        var str = "javascript 你好";
        var str1 = escape(str);
        document.write(str1);  //javascript%20%u4F60%u597D

 六、unecape()  //解码一个由escape()函数编码的字符串

 
        window.onload = function () {
            var str = "javascript 你好";
            var str1 = escape(str);
            document.write(str1); //javascript%20%u4F60%u597D
            var str2 = unescape(str1);
            alert(str2);      //弹出 javascript你好
        }
 

 

补充:url为什么要进行转义

针对“name1=value1&name2=value2”我们来说一下客户端到服务端的概念上解析过程: 
上述字符串在计算机中用ASCII吗表示为: 
  6E616D6531 3D 76616C756531 26 6E616D6532 3D 76616C756532。 
   6E616D6531:name1 
   3D:= 
   76616C756531:value1 
   26:&
   6E616D6532:name2 
   3D:= 
   76616C756532:value2
 

服务端在接收到该数据后就可以遍历该字节流,首先一个字节一个字节的吃,当吃到3D这字节后,服务端就知道前面吃得字节表示一个key,再想后吃,如果遇到26,说明从刚才吃的3D到26子节之间的是上一个key的value,以此类推就可以解析出客户端传过来的参数。

现在有这样一个问题,如果我的参数值中就包含=或&这种特殊字符的时候该怎么办。 
比如说“name1=value1”,其中value1的值是“va&lu=e1”字符串,那么实际在传输过程中就会变成这样“name1=va&lu=e1”。我们的本意是就只有一个键值对,但是服务端会解析成两个键值对,这样就产生了奇异。

如何解决上述问题带来的歧义呢?解决的办法就是对参数进行URL编码 

URL编码只是简单的在特殊字符的各个字节前加上%,例如,我们对上述会产生奇异的字符进行URL编码后结果:“name1=va%26lu%3D”,这样服务端会把紧跟在“%”后的字节当成普通的字节,就是不会把它当成各个参数或键值对的分隔符。

免责声明:本站所有文章内容,图片,视频等均是来源于用户投稿和互联网及文摘转载整编而成,不代表本站观点,不承担相关法律责任。其著作权各归其原作者或其出版社所有。如发现本站有涉嫌抄袭侵权/违法违规的内容,侵犯到您的权益,请在线联系站长,一经查实,本站将立刻删除。 本文来自网络,若有侵权,请联系删除,如若转载,请注明出处:https://yundeesoft.com/30472.html

(0)

相关推荐

发表回复

您的电子邮箱地址不会被公开。 必填项已用 * 标注

关注微信