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

╰半夏微凉° 2022-12-14 15:57 231阅读 0赞

H5页面通过url传参时需要通过JS获取url上的参数，以下两个方法配合使用，就可以获取到URL上携带的参数

url如：[http://127.0.0.1:8848/zz-metro-op-H5/syx-activity/test.html?name=][http_127.0.0.1_8848_zz-metro-op-H5_syx-activity_test.html_name]张三

//根据参数名来获取参数值
    function getParamString(paraPart,name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = paraPart.substr(1).match(reg);
        if (r != null) return unescape(r[2]); return null;
    }
    function getParamFromUrl(name){
      var r = getParamString(window.location.search,name)
      return r
    }
    
    
    console.log(getParamFromUrl('name')) // å¼ ä¸

上面输出的结果中，中文出现了乱码问题，**这是因为浏览器默认使用的是 encodeURI 而我们用的是unescape进行的解码；**

做如下修改即可解决中文乱码问题

function getParamString(paraPart,name) {
        var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");
        var r = paraPart.substr(1).match(reg);
        // if (r != null) return unescape(r[2]); return null;
        if (r != null) return decodeURI(r[2]); return null;
    }
    
    console.log(getParamFromUrl('name')) //张三

[http_127.0.0.1_8848_zz-metro-op-H5_syx-activity_test.html_name]: http://127.0.0.1:8848/zz-metro-op-H5/syx-activity/test.html?name=%E5%BC%A0%E4%B8%89

发表评论取消回复

表情：

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

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

相关阅读

相关 JS获取url参数(解决中文乱码decodeURI ）

以下JS函数用于获取url参数: function getQueryVariable(variable) { var query

Dear 丶/ 2023年07月24日 05:41/ 0 赞/ 46 阅读

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

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

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

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

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

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

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

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

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

相关解决Url带中文参数乱码问题

这里我来介绍下如何配置Tomcat 来解决Url带中文参数乱码问题；首先打开Tomcat安装目录，以Tomcat7为例，其他版本基本一样； ![14543911

Dear 丶/ 2022年07月12日 05:19/ 0 赞/ 256 阅读

相关解决Url带中文参数乱码问题

这里我来介绍下如何配置Tomcat 来解决Url带中文参数乱码问题；首先打开Tomcat安装目录，以Tomcat7为例，其他版本基本一样； ![14543911

ゞ浴缸里的玫瑰/ 2022年07月12日 05:19/ 0 赞/ 321 阅读

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

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

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

相关解决Url带中文参数乱码问题

这里我来介绍下如何配置Tomcat 来解决Url带中文参数乱码问题；首先打开Tomcat安装目录，以Tomcat7为例，其他版本基本一样； ![1454391117593

旧城等待，/ 2022年03月18日 13:06/ 0 赞/ 339 阅读

相关 js获取url地址栏参数的方法，解决中文乱码问题，能支持中文参数

第一种：参数只能是英文的 function getQuery(name) { var reg = new RegExp("(^|&)"

妖狐艹你老母/ 2021年07月26日 20:08/ 0 赞/ 434 阅读

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

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

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