不二如是 发表于 2017-11-4 08:41:17

技法76 (◐‿◑) 独家防‘URL’中文乱码

本帖最后由 不二如是 于 2017-11-4 08:41 编辑

http://xxx.fishc.com/forum/201705/05/225545py2j222x5z6x55n2.png

按照提示，完成代码，秀秀你的编程能力！

不许看答案，否则打屁屁



分析：
        在URL传递中文参数时，浏览器会出现乱码现象，这很正常，因为浏览器对中文参数进行了编码。

        浏览器默认对中文参数进行了编码，但是不同的浏览器处理编码的方式不同。例如：Chrome、IE大多是UTF-8编码，FireFox是ISO-8859-1编码。





Code：

HTML：
<h2>URL传参中文出现乱码</h2>
    <input type="button" id='getURL' value="显示例子"/>

JS：
<script type="text/javascript">
    window.onload = function(){
      //URL传参中文出现乱码
      document.getElementById("getURL").onclick = function(){
            //为了解决中文字符传递，乱码的问题，一般都将传递的参数利用 encodeURIComponent 进行utf-8格式的url编码，服务端可以进行再解码，这样就解决中文乱码问题了
            var cencodeStr =encodeURIComponent("欢迎来到鱼C（Fishc.com）");
            alert("调用encodeURIComponent对‘欢迎来到鱼C（Fishc.com）" + cencodeStr +"\n"
                //decodeURIComponent返回统一资源标识符 (URI) 的一个已编码组件的非编码形式
                  + "调用decodeURIComponent对解码后：" + decodeURIComponent(cencodeStr));
      }
    };
</script>



请按照自己的理解订正对概念的认知

代码说明（秀智商）{:10_256:} ：
**** Hidden Message *****



回顾：

技法75 (◐‿◑) 查看网页源码



源代码：



○面试题索引贴●
如果喜欢，请订阅{:10_303:} ：
HTML5 - 庖丁解牛 + JavaScript - 庖丁解牛


如果喜欢，别忘了评分{:10_281:} ：

http://xxx.fishc.com/forum/201709/19/094516hku92k2g4kefz8ms.gif

alltolove 发表于 2017-11-4 08:44:31

我看看{:10_256:}

还是鱼头好 发表于 2017-11-16 23:07:19

本帖最后由 还是鱼头好 于 2018-1-28 20:05 编辑

{:10_266:}有个小问题想请教就是
网页里面需要的内容含特殊字符“•”或者希腊字母这种翻译过来就会变成?的情况
该怎么处理……
蹲等好心人回复{:10_266:}
顺道混个回复{:10_266:}

⤴问题已经解决啦！！！感谢0v0

木Muk 发表于 2017-12-25 07:30:58

{:5_92:}{:5_92:}

六道土豆 发表于 2018-1-8 22:17:16

看看看看啊看哪款哪款哪款

Ruide 发表于 2018-3-12 19:45:43

Merci.

mhb789456 发表于 2018-7-17 10:40:16

   不断学习

Romeo 发表于 2018-8-6 14:30:58

{:10_265:}

凌乱大帅比 发表于 2018-9-18 09:06:10

dhdh

a211827754 发表于 2018-9-20 12:24:22

emmm

不可复制的我 发表于 2020-3-23 14:52:28

1

peanutfs13 发表于 2023-9-22 11:23:07

1

孙忠亮 发表于 2023-11-13 14:05:55

1
页: [1]
查看完整版本: 技法76 (◐‿◑) 独家防‘URL’中文乱码