encodeURI 和 encodeURIComponent 区别

Posted 2023-05-10

参考技术A

encodeURI()和encodeURIComponent()都是javascript中对URL编码的函数。

所以我一般进行设置时候，会在http路径采用encodeURI进行编码，但是在路径中携带的参数采用encodeURIComponent进行编码

encodeURI和decodeURI方法

为什么要两次调用encodeURI来解决乱码问题

https://blog.csdn.net/howlaa/article/details/12834595

 

请注意 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你好
        }