jquery 通过url 进行地址传参(中文乱码处理)，以及url传参和取参

Myth丶恋晨 2023-06-06 08:11 13阅读 0赞

今天在用jquery进行html的页面跳转的时候，需要用url进行携带参数，但是却发现中文乱码了！在网上找到了一篇博客，完美解决了问题~

感谢博主[Cool - Colbru][]  
原文链接：[链接][Cool - Colbru]

## 一、传递参数页面.html ##

<script type="text/javascript">
        var name = 'abc';  //字符串英文
        var num = 998;   //数字
        var cla= '电脑';  //中文
        var _t = encodeURI(encodeURI(cla));  
        //中文需要进行两次encodeURI转码( encodeURI:把URI字符串采用UTF-8编码格式转化成escape格式的字符串。)
        window.location.href = "../aa.html?name=" + name(字符串) + "&num=num (数字)" + "&cla=_t (中文)";
     
    </script>

## 二、接收参数页面.html ##

(最终页面地址：…/aa.html?name=abc&num=998&cla=%25E7%2594%25B5%25E8%2584%2591)

<script type="text/javascript">
        //获取地址参数
        var _name = getQueryString("name");
        var _num=getQueryString("num");
        var _t = getQueryString("cla"); //此为中文参数，需转码
        var title = decodeURI(_t); //只需要转一次码  
     
        console.log(title);//此处打印出来是中文。
     
     
     //此处是获取到携带的参数的方法！！！！！！！！！！！！！！！！！！！！！！！！！！！！！
        function getQueryString(name) {  
            //正则表达式，获取地址中的参数
            var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)", "i");  
            var r = window.location.search.substr(1).match(reg);  
     
            if (r != null) return unescape(r[2]); return null; 
     
        }
     
    </script>

[Cool - Colbru]: https://blog.csdn.net/weixin_42025989/article/details/80062824

发表评论取消回复

表情：

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

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

相关阅读

相关 jquery 通过url 进行地址传参(中文乱码处理)，以及url传参和取参

今天在用jquery进行html的页面跳转的时候，需要用url进行携带参数，但是却发现中文乱码了！在网上找到了一篇博客，完美解决了问题~ 感谢博主[Cool - Colbru

Myth丶恋晨/ 2023年06月06日 08:11/ 0 赞/ 14 阅读

相关 js笔记函数传参和取参

js 第16课时 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta n

淩亂°似流年/ 2023年05月29日 03:28/ 0 赞/ 20 阅读

相关 HTTPS URL 传参安全吗？

请求参数能通过URL安全传递吗？当客户看到 HttpWatch 中的 HTTPS请求后经常会问这个问题，同时客户也想知道还有谁能看到这些数据。举个例子，假设我们使用以下U

系统管理员/ 2023年02月16日 12:12/ 0 赞/ 18 阅读

相关 Maven集成Tomcat插件以及URL传参中文乱码问题

插件的配置：  <plugins> <plugin> <groupId>org.apac

怼烎@/ 2022年05月22日 01:48/ 0 赞/ 176 阅读

相关 jsp 地址传参中文乱码解决办法

一、在请求页面的请求参数需要用encodeURI进行转码,然后在接收请求的页面需要进行字符集转换。本例中的请求和接收页面的字符集都是UTF-8: 1.请求的JSP页面用J

拼搏现实的明天。/ 2022年05月18日 03:16/ 0 赞/ 289 阅读

相关 Vue之url传参

在router.js定义需要传递的参数 import Vue from 'vue' import Router from 'vue-router'

清疚/ 2022年04月18日 04:17/ 0 赞/ 475 阅读

相关 url 上传参中文的参数

url 上传参中文的参数 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6L

青旅半醒/ 2022年03月26日 16:24/ 0 赞/ 250 阅读

相关 C# Url传参中文乱码

项目用到ReportViewer报表，里面的参数是通过url传参给报表，参数中含有中文字符，页面显示这些参数时发现中文部分都乱码，英文字符和数字都显示正常，于是便搜寻解决之法，

以你之姓@/ 2022年03月19日 15:22/ 0 赞/ 404 阅读

相关报表通过url向数据集传参

1. sql添加if条件 SELECT FROM [销量] where 1=1 ${

喜欢ヅ旅行/ 2021年09月24日 23:24/ 0 赞/ 311 阅读

相关 href 传参中文乱码

String locationstr = req.getParameter("location"); String utf8locationstr=new St

分手后的思念是犯贱/ 2021年09月15日 13:16/ 0 赞/ 492 阅读