(前端)html页面之间如何通过URL传输参数，并解决中文乱码问题

男娘i 2022-10-02 06:58 147阅读 0赞

[原文链接][Link 1]

## 项目遇到问题： ##

![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMjE5_size_16_color_FFFFFF_t_70]  
![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMjE5_size_16_color_FFFFFF_t_70 1]  
由一个页面点击按钮后台跳转另一个页面并将页面的值进行传送：  
**代码如下：**

**js：**

//修改老人信息
    function updateold(obj) {
        var parname = $(obj).parent().parent().find('.parent-name').html(); //老人姓名
        var parid = $(obj).parent().parent().find('.parent-idCard0').html(); //身份证
        var tel = $(obj).parent().parent().find('.parent-tel').html(); //电话号码
        var addr = $(obj).parent().parent().find('.parent-addr').html(); //老人地址
        var oldid = $(obj).data("oldid");
        var searchUrl =encodeURI("parent-update.html?" +
            "parentname="+parname+"&parentid="+parid+"&telephone="+tel +
            "&address="+addr+"&oldid="+oldid);
        window.location.href =searchUrl;
    }

**前端页面js：**

$(function(){
                manyValues();
            });
            function manyValues(){
                var url=decodeURI(window.location.search);
                if(url.indexOf("?")!=-1){
                    var str = url.substr(1 );
                    strs = str.split("&");
    
                    var parentName=unescape(strs[0].split("=")[1]);
                    var idCard=unescape(strs[1].split("=")[1]);
                    var telephone=unescape(strs[2].split("=")[1]);
                    var address=unescape(strs[3].split("=")[1]);
                    var oldid=unescape(strs[4].split("=")[1]);
                    $("#parentName").val(parentName);
                    $("#idCard").val(idCard);
                    $("#telephone").val(telephone);
                    $("#address").val(address);
                    $("#oldid").val(oldid);
    
                }
            }

这样就实现的值的传递，不知道还有没有更好的方法能够实现这种URL传值不暴露数据的方法。

## 遇到的问题： ##

**怎么解决HTML界面间传递中文参数的乱码问题呢？**  
可以使用encodeURI编码，decodeURI解码

[Link 1]: https://blog.csdn.net/qq_30979185/article/details/72794359
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMjE5_size_16_color_FFFFFF_t_70]: /images/20220113/3fcaa4fd62ba4dc1afb2795bd856cf89.png
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3FxXzQwMzAzMjE5_size_16_color_FFFFFF_t_70 1]: /images/20220113/07889cdbe6064a79875e880e680febfa.png