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

电玩女神 2021-06-11 15:13 575阅读 0赞

背景：项目做一个搜索引擎，搜索关键词采用url的形式传输，如[http://localhost:8201/result?key=][http_localhost_8201_result_key]哈哈，但在获取参数的时候存在中文乱码问题

存在中文乱码问题的原有方法：

function GetQueryString(name)
    {
         var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
         var r = window.location.search.substr(1).match(reg);
         if(r!=null)
            return  unescape(r[2]);
          return null;
    }

现有方案：

拼接url参数是进行encodeURI

$("#search").click(function () {
        var keyword = $("#keyword").val();
        window.location.href="http://localhost:8201/result?key="+encodeURI(keyword); //解决中文乱码
      })

获取参数时decodeURI，如下：

function GetQueryString(name)
    {
      var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
      var r = window.location.search.substr(1).match(reg);//search,查询？后面的参数，并匹配正则
      if(r!=null)return  unescape(decodeURI(r[2])); return null;
    }

效果：

![watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzk2ODYxMw_size_16_color_FFFFFF_t_70][]

[http_localhost_8201_result_key]: http://localhost:8201/result?key=%E5%93%88%E5%93%88
[watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ibG9nLmNzZG4ubmV0L3dlaXhpbl8zNzk2ODYxMw_size_16_color_FFFFFF_t_70]: /images/20210518/78da95467d0b49cfaeebac63a2e79bd8.png

发表评论取消回复

表情：

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

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

相关阅读

相关 js获取URL地址参数

file:///D:/phpstudy_pro/WWW/tt.cc/tla/GatewayWorker-for-win/view/index.html?fromid=1

桃扇骨/ 2023年10月06日 21:57/ 0 赞/ 14 阅读

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

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

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

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

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

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

相关解决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 阅读

相关 java中URL地址中文乱码问题

1.将字符串转码：newString(“xxxxx”.getBytes(“iso-8859-1”),”utf-8”) 这种转码方式有很大的弊端，因为它是使用指定的字符集将此

冷不防/ 2021年12月11日 06:13/ 0 赞/ 332 阅读

相关 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 阅读