字符编码问题-优快云博客

本文深入探讨了编码函数在前端与后端应用中的重要性，特别是如何处理URL参数和页面显示中的特殊字符，以确保数据传输的安全性和格式一致性。同时介绍了htmlEncode函数的作用及其使用场景，强调了字符编码在不同情境下的应用价值。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

为什么要用编码函数encodeURIComponent?

前端：请求的url参数处理，1）参数有可能包含& # 这些url中有特殊含义的字符，会破坏参数的完整性

2）参数中可能有中文或者其他文字，有必要前后台协议统一utf8字符

后端：后端数据直显在页面，有可能包含<script>等与html格式冲突的字符，需要编码

除了encodeURIComponent外，还有encodeURI和escape。escape已废弃，encodeURI应用于对整个url编码用的也不多。

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

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

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

http://www.cnblogs.com/artwl/archive/2012/03/07/2382848.html

什么是htmlEncode？

    function html(escape) {
        /*        var replace = ["'", "&#39;", '"', "&quot;", " ", "&nbsp;", ">", "&gt;", "<", "&lt;", "&", "&amp;", ];
        escape === false && replace.reverse();
        for (var i = 0, str = this; i < replace.length; i += 2) {
            str = str.replace(new RegExp(replace[i], 'g'), replace[i + 1]);
        }
        return str;*/

        function encode() {
            htmlDiv.innerHTML = "";
            return htmlDiv.appendChild(document.createTextNode(this)).parentNode.innerHTML.replace(/\s/g, "&nbsp;");
        }

        function decode() {
            htmlDiv.innerHTML = this;
            return htmlDiv.innerText;
        }
        var str = this;
        return escape === false ? decode.apply(str) : encode.apply(str);
    }