程序地带

js 对中文字符的 解码 与 编码


1、 decodeURIComponent 与 encodeURIComponent
1.1、decodeURIComponent 解码字符

功能: 解码由 encodeURIComponent 方法或者其它类似方法编码的标识符,一般用于解码标识符为中文。

Demo:

let encodeStr = encodeURIComponent('中文')
console.log(encodeStr) // "%E4%B8%AD%E6%96%87"
let decodeStr = decodeURIComponent(encodeStr)
console.log(decodeStr) // "中文"
1.2、encodeURIComponent 编码字符
功能: 把字符串作为 URI 组件进行编码Demo:
var uri="李先生&car=abc";
document.write(encodeURIComponent(uri)); //%E6%9D%8E%E5%85%88%E7%94%9F%26car%3Dabc
2、decodeURI 与 encodeURI
2.1、encodeURI 函数可把字符串作为 URI 进行编码。

注意: 对以下在 URI 中具有特殊含义的 ASCII 标点符号,encodeURI() 函数是不会进行转义的: , / ? : @ & = + $ #(可以使用 encodeURIComponent() 方法分别对特殊含义的 ASCII 标点符号进行编码。)。空格转化为%20

Demo:

var uri="my test.php?name=陈先生&car=saab";
console.log(encodeURI(uri)); // my%20test.php?name=%E9%99%88%E5%85%88%E7%94%9F&car=saab
2.2、decodeURI 函数可对 encodeURI() 函数编码过的 URI 进行解码。
功能: 可对 encodeURI() 函数编码过的 URI 进行解码Demo:
var uri="my test.php?name=陈先生&car=saab";
var encodeUri = encodeURI(uri);
var decodeUri = decodeURI(encodeUri );
console.log( decodeUri ); // my test.php?name=陈先生&car=saab
3、decodeURI与decodeURIComponent区别

encodeURI()主要用于整个URI(例如,http://www.jxbh.cn/illegal value.htm), encode-URIComponent()主要用于对URI中的某一段(例如前面URI中的illegal value.htm)进行编码

encodeURI()不会对本身属于URI的特殊字符进行编码,例如冒号、正斜杠、问号、等号和井号; encodeURIComponent()则会对它发现的任何非标准字符进行编码。

var uri="http://www.jxbh.cn/illegal?name=李 ";
console.log(encodeURI(uri)); // 不对 冒号、正斜杠、问号、等号和井号 编码
//http://www.jxbh.cn/illegal?name=%E6%9D%8E%20
console.log( encodeURIComponent(uri)); // 对 冒号、正斜杠、问号、等号和井号 编码
//http%3A%2F%2Fwww.jxbh.cn%2Fillegal%3Fname%3D%E6%9D%8E%20

在实践中更常见的是对查询字符串参数而不是对基础URL进行编码,因此decodeURIComponent用的比decodeURI要多。


参考链接:https://www.cnblogs.com/hamsterPP/p/7131163.html


版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/yiyueqinghui/article/details/111246377

随机推荐

PythonChallenge闯关详解

前言PythonChallenge是国外的一位工程师设计的一套编程闯关游戏,网址:PythonChallenge,每一关都可以用一段Python程序解决问题得...

这个昵称应该不在吧 阅读(291)

2021-01-21

我的明天不是梦...

qq_54795811 阅读(893)

05-vue新闻移动端项目总结

1javascri有逻辑时加冒号字符串时不加变量接收时和改变属性时props加this.$router.push()2axios的安装使用//1引入importaxiosfrom"axios&...

半岛铁盒955 阅读(696)

springboot + ajax跨域

优秀文章链接ajax请求携带cookie和自定义请求头header(跨域和同域)一.服务端添加全局配置bean/***全局跨域配置*/@Configurationp...

中国第1300000000 阅读(694)

2020-12-08

第三天总结老师带我们了解了git,GitHub,会用gogs搭建属于自己的git网站。...

设问号 阅读(775)

深入浅出WPF知识点汇总二

WPF知识点汇总二1、布局与控件1、WPF是数据驱动UI,数据是核心,是主动的;UI是从属于数据表达数据,是被动的。程序的本质是数据+算...

chenglin016 阅读(565)