首先，弄清楚为什么url传递中文会转码或者乱码，以及http头

contentType="text/html; charset=GBK"

的作用。

html代码会经过web服务器，浏览器处理，所以造成转码或者乱码的原因，可能涉及到：页面本身的设置、web服务器的设置、浏览器的设置。

在动态页面，比如jsp、php中，可以设置

contentType="text/html; charset=GBK"

在服务器，比如apache中可以在web.xml中设置

<Connector port="8080" protocol="HTTP/1.1"
               connectionTimeout="20000"
               redirectPort="8443" URIEncoding="utf-8"/>

在Spring、Struts等插件中还可以配置页面过滤器。

在IE等浏览器中可以设置强制的url编码规则。

但是按照网络标准RFC-1738规定，一般的浏览器都是以utf-8或者gbk等方式来编码url的。

解决乱码要从根源入手，根源是什么？刚才我说了，处理html的顺序是：页面本身的设置、web服务器的设置、浏览器的设置。那么最有效的方式就是照顾到浏览器。

在web.xml或者Spring、Struts等中我们都不用管，因为他们是间接的方式，不一定其作用。

怎么照顾到浏览器？就是将url的编码规则自己指定。接收的时候自己解码。

制定url编码规则很简单，就是将url先用utf-8编码，编码结果是英文、数字、百分号等符合网络标准RFC-1738的格式。

编码的方法可以在服务器端的程序中进行，但那样效率太低。javascript已经做好了这方面的工作，只需要调用encodeURI()或者encodeURIComponent()函数即可。

要在href、src等处调用javascript的函数，方法如下：

一、在HTML里可以通过"javascript:"方式调用JavaScript的函数或方法，如下所示：
<html>
 <head>
  <title>使用“javascript:”</title>
 </head>
 <body>
  <a href="javascript:alert('您点击了这个超链接')">请点我</a>  
 </body>
</html>

二、  "javascript:"不但可以调用JavaScript的方法，也可以调用用户自定义的函数，如下代码所示：
<html>
 <head>
  <title>使用“javascript:”</title>
  <script language="javascript" type="text/javascript">
   <!--
    function OnclickLink()
    {
     alert("您点击了这个按钮");
    }
   -->
  </script>
 </head>
 <body>
  <a href="javascript:OnclickLink()">请点我</a>
 </body>
</html>

三、与事件结合
<html>
 <head>
  <title>与事件相结合</title>
  <script language="javascript" type="text/javascript">
   <!--
    function OnMouseOverLink()
    {
     alert("您的鼠标从第一个超链接上划过");
    }
   -->
  </script>
 </head>
 <body>
  <a href="#" onmouseover="OnMouseOverLink()">请将鼠标放在上面</a><br>
  <a href="#" onclick="javascript:alert('您点击了第二个超链接')">请点我</a>  
 </body>
</html>

传递中文URL的解决方案如下：

<a href="javascript:location=encodeURI('/zollty/search.jsp?form_project=金海湾');">金海湾</a>

点击超链接时实际上要激发javascript函数才其作用，我们不能写成如下形式：

<a href='encodeURI("/zollty/search.jsp?form_project=金海湾")'>金海湾</a>

因为上面的写法在未点击超链接时，href的值就是包含javascript代码的原原本本的字符串，点击后才执行encodeURI()函数，而超链接会以url为“encodeURI("/zollty/search.jsp?form_project=金海湾”来跳转，显然是找不到这个页面的。

最好是写成如下形式：

<a href="javascript:void(0)" onclick="location.href=encodeURI('/zollty/search.jsp?form_project=金海湾');">金海湾</a>

其含义更加明了。

另外就是表单中提交中文的问题，通过设置页面的

contentType="text/html; charset=GBK"

就可以解决。

url中文参数解决方案的更多相关文章

  1. 【记录】JS 获取 URL 中文参数编码

    比如 URL:http://www.xxxx.com/中文参数 这个在 js 获取"中文参数"的时候会出现乱码. 解决方法:decodeURIComponent(获取的中文参数);

  2. java url中文参数乱码问题

    http://www.blogjava.net/jerry-zhaoj/archive/2009/07/16/286993.html 转 JAVA 中URL链接中文参数乱码的处理方法JAVA 中URL ...

  3. -_-#【乱码】URL中文参数

    JavaScript利用URL向后台传入中文参数乱码问题解决之道! encodeURIComponent(encodeURIComponent('ya呀')) http://wap.baomihua. ...

  4. URL中文参数乱码的一个解决办法

      浏览器对有中文参数的url大部分都用utf-8编码,但我也曾经遇见过用GB2312编码的:如果遇见这样情况,那么接受到的参数就会出现乱码.乱码情况视服务器解码方式,Asp.Net网站一般默认为ut ...

  5. request.getParameter()获取URL中文参数乱码的解决办法

    这个问题耽误好长时间,URL传中文参数出现乱码,就算首次使用request接收就添加 request.setCharacterEncoding("UTf-8"); 依然报错不误. ...

  6. js 处理url中文参数 java端接收处理

    正常情况下当http请求中带有中文参数时,浏览器会自动对中文进行一次编码(按照当前页面的pageEncoding),java端容器会对接收到的参数自动进行一次转码,则request.getParame ...

  7. 关于HTTP GET请求的url中文参数编码

    场景:前端用JS构造了一个GET请求,携带了一个中文的参数,通过Spring MVC传到后台以后解析中文是乱码. 1. 发送请求,从浏览器中捕获到http的请求内容如下: Remote Address ...

  8. url中文参数乱码问题

    1.参数乱码: js: var url = $$pageContextPath + "iecp/ads/heilanAnalogCurve.do?pointCode=" + get ...

  9. JS获取URL中文参数乱码的解决方法

    浏览器URL参数值中带有汉字字符,在接收时直接获取会出现乱码,下面是解决方法(传递前不需要encodeURI): function getUrlVars() { var vars = [], hash ...

随机推荐

  1. PHP $_SERVER['HTTP_REFERER'] 获取前一页面的 URL 地址

    PHP $_SERVER['HTTP_REFERER'] 使用 $_SERVER['HTTP_REFERER'] 将很容易得到链接到当前页面的前一页面的地址.一个例子如下: index.php(实际地 ...

  2. js实现未知宽高的元素在指定元素中垂直水平居中

    js实现未知宽高的元素在指定元素中垂直水平居中:本章节介绍一下如何实现未知宽高的元素在指定元素下实现垂直水平居中效果,下面就以span元素为例子,介绍一下如何实现span元素在div中实现水平垂直居中 ...

  3. IceGrid负载均衡部署 z

    [IceGrid负载均衡部署步骤]1.环境主机1:IP=192.168.0.239,上面部署注册表服务器registry和节点node1,registry和node1运行在同一进程中:主机2:IP=1 ...

  4. UITouch 触摸事件处理（实例）

    来源:http://www.open-open.com/lib/view/open1341882439838.html 1. UITouch 的主要方法: - (void)touchesBegan:( ...

  5. border-radius 样式表CSS3圆角属性

    border-radius 是CSS3圆角属性,用来实现DIV层的4个边框画成圆角. 一.语法: border-radius : none | <length>{1,4} [/ <l ...

  6. tiny210裸机第1课(启动原理)

    软硬件环境 宿主机系统:ubuntu 板子芯片:S5PV210(Contex-A8),512M DDR2,512M SLC Nand 交叉编译器:arm-linux-gcc-4.5.1 手册:S5PV ...

  7. vmware虚拟机挂起后无法再恢复(转)

    之前一直使用vmware调试程序,但有一天它被挂起后,就一直无法恢复. 提示: 无法获取该配置文件上的排他锁 另一个VMware进程可能正在使用此配置文件. 后来在google里查了一下,发现其实是一 ...

  8. J2EE 和javaweb有区别吗

    java web是java对web开发的一种总和称呼.他是B/S模式,对应的是C/S模式: java ee,又叫j2ee是一种广泛使用的平台,包含了一组协调技术,可显著降低成本以及开发.部署和管理以服 ...

  9. 前后台彻底分离的核心文件bridge.js.

    具体代码可以在我的git上下载:https://github.com/guoyansi/bridge 这里的后台使用java写的,如果不了解java的童鞋可以忽略下面这样图片. bridge.js / ...

  10. AngularJs在单击提交后显示验证信息.

    <!DOCTYPE html> <html ng-app="app"> <head> <meta charset="utf-8& ...