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

电玩女神 2021-06-11 15:13 553阅读 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 条评论，553人围观）

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

相关阅读

相关 HttpServletRequest获取中文参数乱码问题

　　? 我们在开发的过程中，不可避免的会遇到前后端的数据通信问题，又不可避免的会遇到数据为中文的情况，初学者在毫不知情中，就遭遇了自己的第一次中文乱码问题，今天，我们就一起来探

Bertha 。/ 2023年09月24日 09:26/ 0 赞/ 111 阅读

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

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

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

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

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

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

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

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

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

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

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

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

相关 URL中文参数乱码处理

在日常工作中，难免GET和POST请求中会传入中文，例如模糊查询中，我就差点掉入别人的坑。代码如下： JS: url = "$\{ctx\}/comm

灰太狼/ 2022年03月27日 03:59/ 0 赞/ 335 阅读

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

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

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

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

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

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

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

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

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

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

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

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