码迷,mamicode.com
首页 > 其他好文 > 详细

uri编解码

时间:2014-06-23 06:59:36      阅读:136      评论:0      收藏:0      [点我收藏+]

标签:style   class   blog   code   http   color   

 

相关函数如下:(都是全局函数)

encodeURI(URIString):将文本字符串编码为有效的统一资源标示符URI
decodeURI(URIString)

encodeURIComponent(s):编码URI的一部分或者是其他待编码的字符串
decodeURIComponent(s)

 


 

encodeURI编码规则:

  1、对于encodeURI(),ASCII字母、数字、"- _  .  !  ~ * ‘ ()"等标点不会编码;

  2、由于encodeURI用于编码URI,因而在uri中具有具有特殊意义的ASCII标点也不会编码,例如: ; / ? : @ = + $ , #

  3、uri中其他字符将被转换为对应的utf-8编码;

    1、0001—007E(ASCII字符)编码为%xx

    2、\u0080—\u07ff之间的unicode字符,用%xx%xx编码

    3、\u0800—\uffff 之间的unicode字符均被编码为%xx%xx%xx

    4、使用该方法编码时应确保URI中不包含? # 等字符,否则应该使用encodeURIComponent对uri每部分单独编码

 

encodeURIComponent:

  1、ASCII字母、数字、"- _  .  !  ~ * ‘ ()"等标点不会编码;

  2、/ ? : @ = + $ , #等用来分隔uri的会被编码

 

注意:

  1、ECMAScript3前可以使用escape()和unescape执行类似encodeURI的编码,现在已经弃用

  2、encodeURIComponent设参数是URI的一部分,因而用于分割URI不同部分的字符会被编码

  3、URI中包含/ ? : @ = + $ 等时应该用encodeURIComponent对uri每部分单独编码

  4、使用encodeURIComponent编码后,可以使用decodeURI解码也可以使用decodeURIcomponent解码

 


  

eg:

 

var uriEncode = encodeURI("http://www.cnblogs.com/wishyouhappy");
var uriDeocde = decodeURI(uriEncode);
console.log("uriEncode: " + uriEncode); //uriEncode: http://www.cnblogs.com/wishyouhappy 
console.log("uriDeocde: " + uriDeocde); //uriDeocde: http://www.cnblogs.com/wishyouhappy 

//,/?:@&=+$#未被编码
var uriEncode = encodeURI(",/?:@&=+$#");
var uriDeocde = decodeURI(uriEncode);
console.log("uriEncode: " + uriEncode); //,/?:@&=+$# 
console.log("uriDeocde: " + uriDeocde); //,/?:@&=+$# 


//此例中空格编码为%20, 汉字编码为%xx%xx%xx
var uriEncode = encodeURI("http://www.cnblogs.com?name = ‘流光‘");
var uriDeocde = decodeURI(uriEncode);
console.log("uriEncode: " + uriEncode); //http://www.cnblogs.com?name%20=%20‘%E6%B5%81%E5%85%89‘ 
console.log("uriDeocde: " + uriDeocde); // http://www.cnblogs.com?name = ‘流光‘ 


//使用encodeURIComponent编码后使用uriDeicode和uriDecodeComponent都可以解码
var uriEncode = encodeURIComponent("Are you happy?");
var uriDeocde = decodeURI(uriEncode);
var uriDecodeComponent = decodeURIComponent(uriEncode);
console.log("uriEncode: " + uriEncode); // Are%20you%20happy%EF%BC%9F 
console.log("uriDeocde: " + uriDeocde); //Are you happy?
console.log("uriDecodeComponent: " + uriDecodeComponent); //Are you happy?


var uriEncode = encodeURIComponent(",/?:@&=+$#");
var uriDecodeComponent = decodeURIComponent(uriEncode);
console.log("uriEncode: " + uriEncode); //%2C%2F%3F%3A%40%26%3D%2B%24%23 
console.log("uriDecodeComponent: " + uriDecodeComponent); //,/?:@&=+$# 

 

 

 

 

 

 

uri编解码,布布扣,bubuko.com

uri编解码

标签:style   class   blog   code   http   color   

原文地址:http://www.cnblogs.com/wishyouhappy/p/3799377.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!