• 客户端编码 服务器端解码 jescape UrlDecode


    大家在使用JS提交数据时,尤其是中文的时候,经常会需要将要提交的字符串进行URL编码。在JS中对字符串进行URL编码有好几种方法,encodeURI,encodeURIComponent,还有escape。在我看到的很多代码中escape这个函数用的最多,不过这个函数却是不推荐使用的。下面我们来分别看看这几个函数:

      

      encodeURI:对指定的字符串进行URL编码,不包括 : # / \ = & 这些URL中的关键字符。主要用于对整个URL进行编码,防止浏览器不能识别汉字部分。

         如:  encodeURI(http://www.baidu.com)

      encodeURIComponent:对字符串中的字符进行编码,包括URL中的特殊字符。主要用于对URL的参数值进行编码。

         如:http://www.baidu.com?m=endodeURIComponent(http://www.google.com)

        

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

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

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

      

      escape:这个是JS比较早期版本的函数,这个函数中处理unicode字符的时候会有些问题。

      代码如下:

      

     1     var url = "http://www.abc.com?q=aa&b=呵呵";
     2 
     3     var encodedUrl = encodeURI(url);
     4 
     5     alert(encodedUrl); //输出:http://www.abc.com?q=aa&b=%E5%91%B5%E5%91%B5
     6     
     7     encodedUrl = encodeURIComponent(url);    
     8     alert(encodedUrl);   //输出:http%3A%2F%2Fwww.abc.com%3Fq%3Daa%26b%3D%E5%91%B5%E5%91%B5
     9 
    10     alert(escape(url));  //输出:http%3A//www.abc.com%3Fq%3Daa%26b%3D%u5475%u5475 

      如上所示,escape函数中处理中文字符的时候,都会转换成%uxxxx这种形式,显然这个和URL编码的格式不一样,而encodeURIComponent函数编码是最彻底的,如果没有特殊需要的话,encodeURIComponent这个函数是比较常用的,当然,也许我们使用escape也不会有什么问题,也许你的服务端语言也能够正常的解析出来,不过这个函数在处理unicode字符的时候还不是很标准,所以这里建议大家使用encodeURIComponent和decodeURIComponent这对函数来对字符串进行URL编码和解码。

    上面是引用别人的作为一个开场白。

     1     var content = "`!@#$%^&*()_+|-=\\,./;'[]{}:<>?";";
     2 
     3     var encodedUrl = escape(content);
     4 
     5     alert(encodedUrl); //输出:%60%21@%23%24%25%5E%26*%28%29_+%7C-%3D%5C%5C%2C./%3B%27%5B%5D%7B%7D%3A%3C%3E%3F%22%3B
     9     
    10     Server.UrlDecode(escape(url));  //输出:`!@#$%^&*()_ |-=\\,./;'[]{}:<>?"; 

      我们发现用Server.UrlDecode解码"+"被解码成空格了,以前还遇到过其他情况解码出错的情况,这个使用的时候要注意。

     好在微软有自己的一套js类库Microsoft.JScript,我可以引用,在服务器端轻松解码。

     js escape----server Microsoft.JScript.GlobalObject.escape

     js unescape---server Microsoft.JScript.GlobalObject.unescape

     js encodeURI----server Microsoft.JScript.GlobalObject.encodeURI

     js encodeURIComponent---server Microsoft.JScript.GlobalObject.encodeURIComponent

  • 相关阅读:
    004.Jquery库的用法
    update 死锁问题
    Nginx负载均衡模式
    微信公众号开启服务器配置 JAVA
    mybatis plus + AOP 多数据源自动切换
    mybatis plus 快速上手
    mybits 笔记
    java 异步
    node 垃圾回收机制
    常用正则
  • 原文地址:https://www.cnblogs.com/skykang/p/2272083.html
Copyright © 2020-2023  润新知