URL中的参数获取时乱码问题以及参数传递问题

你的名字 2023-06-30 06:52 4阅读 0赞

### URL中的参数获取时乱码问题以及参数传递问题 ###

##### 中文变奇怪字符，如：ä½ å¥½ 或者 ÄãºÃ #####

"你好Java"  ------>  "ä½ å¥½Java"

原字符串：“你好Java”

<table> 
 <thead> 
  <tr> 
   <th>你</th> 
   <th>好</th> 
   <th>J</th> 
   <th>a</th> 
   <th>v</th> 
   <th>a</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>4f60</td> 
   <td>597d</td> 
   <td>4a</td> 
   <td>61</td> 
   <td>76</td> 
   <td>61</td> 
  </tr> 
 </tbody> 
</table>

经UTF-8编码后，一个中文用三个字节表示：

<table> 
 <thead> 
  <tr> 
   <th>你</th> 
   <th>好</th> 
   <th>J</th> 
   <th>a</th> 
   <th>v</th> 
   <th>a</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>e4 bd a0</td> 
   <td>e5 a5 bd</td> 
   <td>4a</td> 
   <td>61</td> 
   <td>76</td> 
   <td>61</td> 
  </tr> 
 </tbody> 
</table>

> 乱码原因：UTF8编码或GBK编码，再由ISO8859-1解码。对照ISO8859-1编码表后发现：e4 bd a0分别对应三个字符："ä½ “,e5 a5 bd分别对应三个字符"å¥½”,

传递参数的页面

function judge() { 
        var Data = { 
            fwdz: $("#fwdz").val(),
            sjhm: $("#sjhm").val()
        }
        console.log(Data)
        $(document).on("click", "#commitBtn", function() { 
            $.modal({ 
                title: "提示",
                text: "信息",
                buttons: [
                    {  text: "取消", onCancel: function(){  }},
                    {  text: "确定", onClick: function(){ 
    
                        if(request.id=='0'){ 
                            window.location.href="../j/j.html?id=0&data="+JSON.stringify(Data)
                        } else { 
                            window.location.href="../j/j.html?id=1&data="+JSON.stringify(Data)
                        }
                    }}
                ]
            });
        });
    }

接收参数的页面

var fwsbdata =JSON.parse(encodeUTF8(request.fwsbdata))
    /*url请求拦截*/
    var request = (function () {
        var obj = {};
        var arr = window.location.search.slice(1).split("&");
        for (var i = 0, len = arr.length; i < len; i++) {
            var nv = arr[i].split("=");
            obj[unescape(nv[0]).toLowerCase()] = unescape(nv[1]);
        }
        return obj;
    })()
    /*解决乱码问题---UTF8编码或GBK编码，再由ISO8859-1解码*/
    function encodeUTF8(str) {
        var rs = '';
        for(var i = 0; i < str.length; i++) {
            var code = str.charCodeAt(i);
            if((240 & code) == 240) {
                var code1 = str.charCodeAt(i + 1),
                    code2 = str.charCodeAt(i + 2),
                    code3 = str.charCodeAt(i + 3);
                rs += String.fromCodePoint(((code & 7) << 18) | ((code1 & 63) << 12) | ((code2 & 63) << 6) | (code3 & 63));
                i += 3;
            } else if((224 & code) == 224) {
                var code1 = str.charCodeAt(i + 1),
                    code2 = str.charCodeAt(i + 2);
                rs += String.fromCodePoint(((code & 15) << 12) | ((code1 & 63) << 6) | (code2 & 63));
                i += 2;
            } else if((192 & code) == 192) {
                var code1 = str.charCodeAt(i + 1);
                rs += String.fromCodePoint(((code & 31) << 6) | (code1 & 63));
                i++;
            } else if((128 & code) == 0) {
                rs += String.fromCharCode(code);
            }
        }
        return rs;
    }

web开发中的乱码问题  
链接：https://www.jianshu.com/p/63c7ad13907a

发表评论取消回复

表情：

评论列表（有 0 条评论，4人围观）

还没有评论，来说两句吧...

相关阅读

相关 URL中的参数获取时乱码问题以及参数传递问题

URL中的参数获取时乱码问题以及参数传递问题中文变奇怪字符，如：ä½ å¥½ 或者 ÄãºÃ "你好Java" ------> "ä½ å¥½Java

你的名字/ 2023年06月30日 06:52/ 0 赞/ 5 阅读

相关 JS获取url参数及解决参数中包含中文时出现的乱码问题

H5页面通过url传参时需要通过JS获取url上的参数，以下两个方法配合使用，就可以获取到URL上携带的参数 url如：[http://127.0.0.1:8848/zz-m

╰半夏微凉°/ 2022年12月14日 15:57/ 0 赞/ 214 阅读

相关 js获取url中的参数（解决中文乱码问题）

function getQueryStringChinese(name) { var reg = new RegExp("(^|&)"

冷不防/ 2022年12月08日 04:41/ 0 赞/ 180 阅读

相关日常问题---浏览器URL参数乱码问题

问题：通过query方式传参，参数出现乱码问题，是由于参数中含有 + % 等特殊字符，因此会被浏览器进行默认编码。解决：后端或前端传

快来打我*/ 2022年08月29日 05:43/ 0 赞/ 183 阅读

相关【JavaScript】9.JS解决url传递参数中文乱码的问题

通过url传递json字符串，却出现了中文乱码的问题： ![SouthEast][] 这里用到了decodeURIComponent()方法，代码如下： f

约定不等于承诺〃/ 2022年05月31日 02:10/ 0 赞/ 283 阅读

相关 JavaWeb解决url中中文参数乱码以及cookie中中文乱码问题

今天来专门写一篇博文记录JavaSE中的URLEncoder类，因为已经两次用这个类解决了自己遇到的棘手问题。第一次是之前做视频网站的搜索功能的时候，第二次是今

客官°小女子只卖身不卖艺/ 2022年05月04日 08:57/ 0 赞/ 978 阅读

相关解决js 获取url 参数中文乱码问题

最近在做的项目当中有一个需要在页面上获取url 参数的需求。通过搜索在网上找到了下面这个方法 function getQueryString(name) {

深藏阁楼爱情的钟/ 2022年04月11日 13:39/ 0 赞/ 496 阅读

相关 java参数传递的乱码问题

java参数传递的乱码问题编码设置的几种情况：（1）页面里统一使用utf-8格式 <%@ page contentType="text/html;charset=UT

绝地灬酷狼/ 2022年03月11日 13:53/ 0 赞/ 319 阅读

相关 SpringMvc参数传递中乱码问题

问题描述：当传递中文参数到controller类时，无乱是get方式还是post方式都出现乱码解决： 1、保证所有的页面编码都是utf-8，包括jsp页面，浏览器编码

- 日理万妓/ 2022年02月05日 09:51/ 0 赞/ 435 阅读

相关 js获取当前url地址参数中文乱码问题

背景：项目做一个搜索引擎，搜索关键词采用url的形式传输，如[http://localhost:8201/result?key=][http_localhost_8201_re

电玩女神/ 2021年06月11日 15:13/ 0 赞/ 554 阅读