网站营销有哪些,平面设计图用什么软件,蒙icp备 网站建设,济宁定制网站建设推广今天发现我输入的中文变成了另外一种格式#xff0c;查了一下#xff0c;原来是转换成了数字编码。在这里介绍一下数字编码和base64#xff0c;做个记录
1.出现原因#xff1a;在开发中经常需要对用户输入的数据进行编码然后才能通过HTTP请求发送给后台#xff0c;或者对…今天发现我输入的中文变成了另外一种格式查了一下原来是转换成了数字编码。在这里介绍一下数字编码和base64做个记录
1.出现原因在开发中经常需要对用户输入的数据进行编码然后才能通过HTTP请求发送给后台或者对传递过来的数据进行解码。 2.js编码的三种方法 在JS中原生提供了三种编码/解码方式分别是 encodeURI、 encodeURIComponent和 escape。 1encodeURI该方法不会对ASCII表中的字母和数字编码同时也不会对ASCII中的标点符号编码 -_.~*’() 在URI中具有特殊含义的符号 ;/?: $,# 同样不会被编码。
var url https://google.com/pathname?a1babcdec黄山#hash;
encodeURI(url); // 返回 https://google.com/pathname?a1babcdec%E9%BB%84%E5%B1%B1#hashencodeURI(-_.~*()); // 返回 -_.~*()encodeURI(;/?:$,#); // 返回 ;/?:$,#2encodeURIComponent该方法相比encodeURI多编码URI中具有特殊含义的符号 ;/?: $,#
var url https://google.com/pathname?a1babcdec黄山#hash;
encodeURIComponent(url); // 打印 https%3A%2F%2Fgoogle.com%2Fpathname%3Fa%3D1%26b%3Dabcde%26c%3D%E9%BB%84%E5%B1%B1%23hashencodeURIComponent(-_.~*()); // 返回 -_.~*()encodeURIComponent(;/?:$,#); // 返回 %3B%2F%3F%3A%40%26%3D%2B%24%2C%233escape不推荐使用推荐使用上面两个方法代替该方法会对ASCII中 字母、数字及符号-_./* 之外的所有字符进行编码。
3.解码 三种编码方法对应的解码方法分别是
编码解码encodeURIdecodeURIencodeURIComponentdecodeURIComponentescapeunescape
1示例
var res encodeURI(黄山); // %E9%BB%84%E5%B1%B1
decodeURI(res); // 返回 黄山2示例
var res encodeURIComponent(黄山); // %E9%BB%84%E5%B1%B1
decodeURI(res); // 返回 黄山3示例
var res escape(黄山); // %u9EC4%u5C71
unescape(res); // 返回 黄山4.Base64编码 Base64 就是一种编码方法可以将任意值转成 09、AZ、a-z、和/这64个字符组成的可打印字符。使用它的主要目的不是为了加密而是为了不出现特殊字符简化程序的处理。
JavaScript 原生提供两个 Base64 相关的方法。 btoa() 任意值转为 Base64 编码 atob() Base64 编码转为原来的值 let string Hello World!;let strBase64btoa(string) // SGVsbG8gV29ybGQhconsole.log(atob(strBase64)); // Hello World!但是要是非 ASCII 码的字符会报错: let string 你好;let strBase64btoa(string) console.log(atob(strBase64)); 要将非 ASCII 码字符转为 Base64 编码必须中间插入一个转码环节再使用这两个方法。 function b64Encode(str) {return btoa(encodeURIComponent(str));}function b64Decode(str) {return decodeURIComponent(atob(str));}let strChinaBase64 b64Encode(你好); // JUU0JUJEJUEwJUU1JUE1JUJEconsole.log(b64Decode(strChinaBase64)); // 你好转https://blog.csdn.net/letterTiger/article/details/79623991 https://www.jianshu.com/p/6d6e7dde510f
