html 之间如何通过URL传输参数，并解决中文乱码问题

- 日理万妓 2022-05-22 13:11 537阅读 0赞

当在输入框中输入内容后，点击搜索，应用就会跳转到搜索页面，并传递了上一个页面搜索的内容“九”，同时搜索关联游戏，

起初，如果直接通过 url?+搜索内容，这种方法实现参数传递的话，当我们搜索数字或者英文字母时，不会有问题，但是搜索中文的时候，就会出现一堆百分号样的搜索数据，这就可以说是Url中传递中文参数乱码。

怎么解决HTML界面间传递中文参数的乱码问题呢？

1.可以使用encodeURI编码，decodeURI解码

\[javascript\]  [view plain][]   [copy][view plain]

1.  //点击搜索  
2.  $("\#searchBtn").click(**function**()\{  
3.      **var** searchText= jQuery.trim($(".keyword").val());  
4.     **var** searchUrl =encodeURI("search.html?searchText="\+searchText);   //使用encodeURI编码  
5.     window.location.href =searchUrl;  
6.  \})

\[javascript\]  [view plain][]   [copy][view plain]

1.  //获取 上一个搜索页面传来的参数  
2.       **var** searchUrl =window.location.href;  
3.       **var** searchData =searchUrl.split("=");        //截取 url中的“=”,获得“=”后面的参数  
4.       **var**  searchText =decodeURI(searchData\[1\]);   //decodeURI解码  
5.         $(".keyword1").val(searchText);            //将搜索的数据显示在搜索页面的搜索框中  
6.

2.还可以采用  encodeURIComponent编码、decodeURIComponent解码等方式编码解码

[view plain]: https://blog.csdn.net/qq_30979185/article/details/72794359#

发表评论取消回复

表情：

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

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

相关阅读

相关 Java乱码数据库乱码 url乱码 url中文参数乱码标签乱码问题解决方法

Servlet解决乱码的方法：第一种：response.setContentType("text/html;charset=utf-8"); 第二种：respon

深藏阁楼爱情的钟/ 2024年02月17日 17:34/ 0 赞/ 48 阅读

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

[原文链接][Link 1] 项目遇到问题： ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_tex

男娘i/ 2022年10月02日 06:58/ 0 赞/ 142 阅读

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

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

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

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

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

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

相关 html 之间如何通过URL传输参数，并解决中文乱码问题

当在输入框中输入内容后，点击搜索，应用就会跳转到搜索页面，并传递了上一个页面搜索的内容“九”，同时搜索关联游戏，起初，如果直接通过 url?+搜索内容，这种方法实现参数传递

- 日理万妓/ 2022年05月22日 13:11/ 0 赞/ 538 阅读

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

我的Tomcat版本是Tomcat7，其他版本配置的方式基本一样。首先打开Tomcat安装目录，打开conf文件夹。 ![70][] 打开server.xml，在大概7

阳光穿透心脏的1/2处/ 2022年05月10日 08:42/ 0 赞/ 261 阅读

相关 JavaWeb解决url中中文参数乱码以及cookie中中文乱码问题

今天来专门写一篇博文记录JavaSE中的URLEncoder类，因为已经两次用这个类解决了自己遇到的棘手问题。第一次是之前做视频网站的搜索功能的时候，第二次是今

客官°小女子只卖身不卖艺/ 2022年05月04日 08:57/ 0 赞/ 1025 阅读

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

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

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

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

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

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

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

首先打开Tomcat安装目录，以Tomcat7为例，其他版本基本一样； ![1454391117593077429.jpg][] 打开conf文件 ![145439116

矫情吗；*/ 2022年02月24日 08:56/ 0 赞/ 563 阅读