关于js,url传递参数时出现乱码

最近在学习js碰到不少乱码问题,让我明白为什么很多书上都说js是一个不太稳定的脚本语言,在加上令人头痛的中文乱码问题,更是让人蛋疼的很。在这里向大家介绍下怎么解决js中中文字符串或是属性的出现的乱码问题

重中之重的是首先申明下,大多数的url传递中参数参数出现乱码的问题,都可以通过配置tomcat的配置文件来解决,这是既省心又省力的方法,所以当大家出现字符编码乱码问题时,首先修改下tomcat的配置,如下在配置端口号的后面加上URIEncoding="GBK"或是其他的编码格式

在tomcat下面找到server.xml 
<Connector port="8080" maxThreads="150" minSpareThreads="25" maxSpareThreads="75" URIEncoding="GBK">
根据需要修改为UTF-8等字符集。

如果这种方法不行,那么继续往下看

js脚本中向后台传递参数乱码的问题

这里向大家介绍下最基本也是最有效的解决方法,使用js中自定义的方法来解决这个问题
function testOne() {

   var url =  "testOne_test.do?expr="+测试;

   url = encodeURI(url);

   window.location = encodeURI(url);

}

利用encodeURI()在javascript中对中文URL参数进行编码时,“测试”二字会被转换为“%E6%B5%8B%E8%AF%95”
但是浏览器机制会认为“%”是一个转义字符,浏览器会把地址栏URL中的传递的已转换参数“%”与“%”之间的已转义字符进行处理传递到后台Action中。这样会造成与实际经过encodeURI()编码后的URL不符,因为浏览器误认为“%”是转义字符字符了,它并未将“%”认为是个普通字符。所以连续使用2次encodeUrl方法

用encodeURI方法对要使用的url进行转码在后台使用这样的方法来获取参数

String expr = new String(request.getParameter("expr").getBytes("ISO-8859-1"),"UTF-8");


这个方法在点击打开链接有详细的解释

在2个页面中传递参数

这个参数如  url = “test.jsp?expr="+你好”   这个url是将expr这个参数传递到test.jsp中的要是在jsp中要使用的话。这里可以事先使用escape方法对将要使用的url进行转码如

url = "testOne/test.jsp?expr="+你好;

url = escape(url);

然后在要另一个页面中使用document.location.href;方法获取url后使用unescape(url)方法解码,即可得到不是乱码的中文参数


使用过滤器解决乱码问题

做过框架开发的朋友肯定都是用过spring,引入spring 的jar包在web.xml中配置过滤器也可解决乱码问题

<filter>
 <filter-name>encoding</filter-name>
 <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
 <init-param>
  <param-name>encoding</param-name>
  <param-value>UTF-8</param-value>
 </init-param>
</filter>
<filter-mapping>
 <filter-name>encoding</filter-name>
 <url-pattern>/*</url-pattern>
</filter-mapping>

org.springframework.web.filter.CharacterEncodingFilter 中的转码部分:
 protected void doFilterInternal(
   HttpServletRequest request, HttpServletResponse response, FilterChain filterChain)
   throws ServletException, IOException {

  if (this.encoding != null && (this.forceEncoding || request.getCharacterEncoding() == null)) {
   request.setCharacterEncoding(this.encoding);
   if (this.forceEncoding && responseSetCharacterEncodingAvailable) {
    response.setCharacterEncoding(this.encoding);
   }
  }
  filterChain.doFilter(request, response);
 }
大家可以依照这个过滤器的例子自己编写符合自己要求的过滤器来解决问题。


恩,先记这么多吧,希望大家多多交流







评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值