web前端页面解决中文传参乱码问题

  问题背景:在项目中往往会涉及到前端跳转页面时要传一些参数给下一个页面,如果参数是英文或者数字的时候就很好解决,然而有时候传参会涉及到中文汉字,这个时候再单纯的拼接往往就会导致中文乱码,下面我们就该讨论一下如何解决中文传参乱码的问题。

  假设A页面跳转到B页面并且A向B传参,首先在A页面中要调用这个方法:encodeURI("这里是中文参数");

  完整的拼接效果为:  

  window.location.href="B.html?&title="+encodeURI("这里是中文参数");

  至此页面中文传参已经完成,下一步就是如何把参数给翻译成中文,那么再跳到B页面进行处理。

  解码代码也只是一句:decodeURI("需要转码的链接");

  而要获取参数,则需要分析链接并做正则匹配进行截取,全部代码如下:  

  //截取链接传过来的参数
  var url=window.location.href; //获取当前页面的url
  url = decodeURI(url);//转码
  var len=url.length; //获取url的长度值
  var a=url.indexOf("?"); //获取第一次出现?的位置下标
  var b=url.substr(a+1,len); //截取问号之后的内容
  var c=b.split("&"); //从指定的地方将字符串分割成字符串数组
  var arr=new Array(); //新建一个数组
  for(var i=0;i<c.length;i++){
    var d=c[i].split("=")[1]; //从=处将字符串分割成字符串数组,并选择第2个元素
    arr.push(d); //将获取的元素存入到数组中
  }

至此,前端页面间的传中文参数乱码的问题就得到解决了。

时间: 2024-11-05 23:34:14

web前端页面解决中文传参乱码问题的相关文章

url 中文传参 乱码问题(最近使用volley出现问题进行总结)

开发一直用firfox网页,调试什么的都很方便.所以遇到了浏览器之间的兼容问题.url中文传参. 问题:前台用url传值中文,后台用request.getParameter接收参数. 用firfox,chrome等没有问题.用ie会出现接参乱码现象. 上网查了一下,算了,还是把原文帖上来吧.比较容易懂. 让jsp正确解释含有中文的URL以及传递中文参数是一个很有用的特性,也是比较复杂的.我去年的一个小项目中就碰到了在URL中传递中文参数的问题,但是当时由于对Jsp还不是很熟悉,所以没有解决这个问

遇到中文传参乱码的情况,究竟应该如何解决?

前端对于url传参的方式,用encodeURIComponent("中文参数"),对url的参数的参数值部分进行编码(有些浏览器会自动对中文进行编码,但是我们加上encodeURIComponent,浏览器是不会重复编码的,因为我们编码后的参数已经不是中文表示了,所以url参数编码的方式,对所有浏览器都适用): 前端对于使用jquery的ajax的data传参的方式,无需编码,jquery会帮我们编码的,所以如果再自行编码,就是编两次了. 后端的web服务器一般都会帮我们做一次解码的,

JAVA web 中文传参乱码解决方案:(最简洁方案)

一般修改Tomcat的默认编码方式即可: 例如:Tomcat的默认编码修改方式: 修改%TOMCAT_HOME%/conf/server.xml,找到这行代码: <Connector port="8080" protocol="HTTP/1.1" redirectPort="8449" connectionTimeout="20000"/>在后面可以追加URIEncoding属性,例如: <Connector

在浏览器上直接输入url 时,中文传参乱码问题

这样的地址 xxx.asp?name=中国  ,通过 超链接打开这个链接 ,xxx.asp能够成才接收参数,但是如果将地址直接放到浏览器地址栏上,回车, xxx.asp就无法正确接收中文参数,一直显示乱码.做了很多实验终于知道原因: 因为我的xxx.asp是gb2312编码, 如果通过超链接进入,地址编码与xxx.asp编码会保持一致, 而如果通过浏览器地址栏进入, 现在大部分浏览器地址栏中的字符都被当做utf-8处理. 所以我们知道原因了,通过地址栏传过来的字符串都被当成了utf-8的编码进行

【Java】【41】中文传参乱码问题

前言: 有时候前端传递中文参数到后台会出现乱码,需要解决这一问题 正文: 方法一:前后端同时做处理 前端: var param = "中文"; encodeURI(param); 后端: String param = URLDecoder.decode(param, "utf-8"); 方法二:过滤器 前后端同时处理过于麻烦,所以就想可不可以统一在一个地方处理 1,设置Tomcat编码格式 但是发现只对get方法有效 <Connector URIEncodin

js URL中文传参乱码

js: var searchVal = encodeURIComponent($.trim($('#js_search_val').val()));//搜索的值 encodeURIComponent() 函数可把字符串作为 URI 组件进行编码. window.location.href = gUrl + '/name/' + searchVal;//跳转 php: urldecode(); 将 URL 编码后字符串还原成未编码的样子

web前端页面项目经验总结

项目时间:2016年4月5日--4月9日项目名称:阿七果子园web前端页面项目内容:    1.HTML5+CSS+JavaScript(banner+timer)+JQuery(small_banner)+引入(jquery-1.4.2.min.js):    2.2天完成页面架构,2天添加特效,半天查看.检查.配兼容问题,半天总结整理:    3.期间遇到问题,自己网上查资料,最终解决:    4.寻找合适的js效果时,用时太久,而且有些不适合,不过最终都配到合适的:    5.写代码时,一

好程序员web前端分享html中meta标签及用法详解

好程序员web前端分享html中meta标签及用法详解,这篇文章给大家介绍了html中meta标签及用法详解,感兴趣的朋友一起看看,Html中meta标签一.meta标签 含义 <meta> 元素 可提供有关页面的元信息(meta-information),比如针对搜索引擎和更新频度的描述和关键词. <meta> 标签位于文档的头部,不包含任何内容. <meta> 标签的属性定义了与文档相关联的名称/值对.二.meta 中常用属性 charset? (字符集) 说明:规

web前端页面性能优化小结

转自blueidear:http://bbs.blueidea.com/thread-2936073-1-1.html PS:结合了精英的思想和自己的一些小小的总结~ 影响用户访问的最大部分是前端的页面.网站的划分一般为二:前端和后台.我们可以理解成后台是用来实现网站的功能的,比如:实现用户注册,用户能够为文章发表评论等等.而前端呢?其实应该是属于功能的表现. 而我们建设网站的目的是什么呢?不就是为了让目标人群来访问吗?所以我们可以理解成前端才是真正和用户接触的. 除了后台需要在性能上做优化外,