- 浏览: 66319 次
- 性别:
- 来自: 杭州
文章分类
- 全部博客 (49)
- Server (3)
- JavaSE (6)
- Cache (2)
- Web (18)
- Struts1/Struts2 (7)
- Spring (3)
- eclipse/myeclipse (2)
- Linux (1)
- Freemarker/Jsp (3)
- Ibatis (0)
- Hibernate (1)
- Ajax (3)
- webservice (3)
- Exceptions (1)
- Android (7)
- Android permission (1)
- DataBase (0)
- DataBase Sqlite3 (1)
- DataBase Oracle (3)
- sina微博 分享 (1)
- 微博接口 (1)
最新评论
-
trx999:
为什么拿到了key了以后还是看不见地图啊?这是什么情况啊?貌似 ...
android google map key 申请变更[记录] -
wxlgzxx_1988:
achun 写道这个问题其实是http head中的Conte ...
ajax js跨域后乱码原因及解决办法 -
achun:
这个问题其实是http head中的Content-Type没 ...
ajax js跨域后乱码原因及解决办法 -
cmjcmj8080:
...
eclipse优化 -
wxlgzxx_1988:
上下文就是整个应用程序的运行环境,在这个环境里边可以保存一些对 ...
Struts2中OGNL极其用法
项目中用到jQuery的ajax从二级域名下的页面访问web应用,开始采用的是jQuery,json,struts2的组合,发现jQuery的回调不能执行,于是搜索资料,结果发现是由于跨域的问题,后来采用第三方协议jsonp,问题得到解决。后来传递中文数据的时候又遇到乱码等问题,由于之前没这方面的经验,所以只要又埋头苦搜一番。。。。。。
原因:
网络标准RFC 1738做了硬性规定:[0-9a-zA-Z]、一些特殊符号"$-_.+!*'(),"[不包括双引号]、以及某些保留字,才可以不经过编码直接用于URL。这意味着,如果URL中有汉字,就必须编码后使用。
于是在js代码中大胆的采用了encodeURI()方法进行编码,结果照样乱码,最后再次查阅资料发现需要两次编码,然后在(servlet)struts2中采用URLDecoder.decode(str, "utf-8")进行一次解码就行了。但是一个偶然的机会发现传参数据中带有问号,js报错。后俩改用encodeURIComponent()后问题得到彻底解决。
具体原因请看如下资料:
但是麻烦的是,RFC 1738没有规定具体的编码方法,而是交给应用程序(浏览器)自己决定。这导致"URL编码"成为了一个混乱的领域(浏览器的URL编码方法都不一样)。
情况1:网址路径中包含汉字
打开IE(我用的是8.0版),输入网址"http://zh.wikipedia.org/wiki/春节"。注意,"春节"这两个字此时是网址路径的一部分。
查看HTTP请求的头信息,会发现IE实际查询的网址是"http://zh.wikipedia.org/wiki/%E6%98%A5%E8%8A%82"。也就是说,IE自动将"春节"编码成了"%E6%98%A5%E8%8A%82"。我们知道,"春"和"节"的utf-8编码分别是"E6 98 A5"和"E8 8A 82",因此,"%E6%98%A5%E8%8A%82"就是按照顺序,在每个字节前加上%而得到的。在Firefox中测试,也得到了同样的结果。
所以,结论1就是网址路径的编码,用的是utf-8编码。
情况2:查询字符串包含汉字
在IE中输入网址"http://www.baidu.com/s?wd=春节"。注意,"春节"这两个字此时属于查询字符串,不属于网址路径,不要与情况1混淆。
查看HTTP请求的头信息,会发现IE将"春节"转化成了一个乱码。
切换到十六进制方式,才能清楚地看到,"春节"被转成了"B4 BA BD DA"。我们知道,"春"和"节"的GB2312编码(我的操作系统"Windows XP"中文版的默认编码)分别是"B4 BA"和"BD DA"。因此,IE实际上就是将查询字符串,以GB2312编码的格式发送出去。
Firefox的处理方法,略有不同。它发送的HTTP Head是"wd=%B4%BA%BD%DA"。也就是说,同样采用GB2312编码,但是在每个字节前加上了%。
所以,结论2就是,查询字符串的编码,用的是操作系统的默认编码。
情况3:Get方法生成的URL包含汉字
前面说的是直接输入网址的情况,但是更常见的情况是,在已打开的网页上,直接用Get或Post方法发出HTTP请求。
编码方法由网页的编码决定,也就是由HTML源码中字符集的设定决定,可以通过如下方式设定:
<meta http-equiv="Content-Type" content="text/html;charset=xxxx">
如果上面这一行最后的charset是UTF-8,则URL就以UTF-8编码;如果是GB2312,URL就以GB2312编码。
结论3就是,GET和POST方法的编码,用的是网页的编码
情况4:Ajax调用的URL包含汉字
前面三种情况都是由浏览器发出HTTP请求,最后一种情况则是由Javascript生成HTTP请求,也就是Ajax调用。还是根据吕瑞麟老师的文章,在这种情况下,IE和Firefox的处理方式完全不一样。
举例来说,有这样两行代码:
url = url + "?q=" +document.myform.elements[0].value; // 假定用户在表单中提交的值是"春节"这两个字
http_request.open('GET', url, true);
那么,无论网页使用什么字符集,IE传送给服务器的总是"q=%B4%BA%BD%DA",而Firefox传送给服务器的总是"q=%E6%98%A5%E8%8A%82"。也就是说,在Ajax调用中,IE总是采用GB2312编码(操作系统的默认编码),而Firefox总是采用utf-8编码。这就是我们的结论4。
如果程序员要把每一种结果都考虑进去,是不是太恐怖了?有没有办法,能够保证客户端只用一种编码方法向服务器发出请求?
回答是有的,就是使用Javascript先对URL编码,然后再向服务器提交,不要给浏览器插手的机会。因为Javascript的输出总是一致的,所以就保证了服务器得到的数据是格式统一的。
Javascript函数:escape()
Javascript语言用于编码的函数,一共有三个,最古老的一个就是escape()。虽然这个函数现在已经不提倡使用了,但是由于历史原因,很多地方还在使用它,所以有必要先从它讲起。
实际上,escape()不能直接用于URL编码,它的真正作用是返回一个字符的Unicode编码值。比如"春节"的返回结果是%u6625%u8282,也就是说在Unicode字符集中,"春"是第6625个(十六进制)字符,"节"是第8282个(十六进制)字符。
它的具体规则是,除了ASCII字母、数字、标点符号"@ * _ + - . /"以外,对其他所有字符进行编码。在\u0000到\u00ff之间的符号被转成%xx的形式,其余符号被转成%uxxxx的形式。对应的解码函数是unescape()。
所以,"Hello World"的escape()编码就是"Hello%20World"。因为空格的Unicode值是20(十六进制)。
还有两个地方需要注意。
首先,无论网页的原始编码是什么,一旦被Javascript编码,就都变为unicode字符。也就是说,Javascipt函数的输入和输出,默认都是Unicode字符。
其次,escape()不对"+"编码。但是我们知道,网页在提交表单的时候,如果有空格,则会被转化为+字符。服务器处理数据的时候,会把+号处理成空格。所以,使用的时候要小心。
Javascript函数:encodeURI()
encodeURI()是Javascript中真正用来对URL编码的函数。
它着眼于对整个URL进行编码,因此除了常见的符号以外,对其他一些在网址中有特殊含义的符号"; / ? : @ & = + $ , #",也不进行编码。编码后,它输出符号的utf-8形式,并且在每个字节前加上%。
它对应的解码函数是decodeURI()。
需要注意的是,它不对单引号'编码。
Javascript函数:encodeURIComponent()
最后一个Javascript编码函数是encodeURIComponent()。与encodeURI()的区别是,它用于对URL的组成部分进行个别编码,而不用于对整个URL进行编码。
因此,"; / ? : @ & = + $ , #",这些在encodeURI()中不被编码的符号,在encodeURIComponent()中统统会被编码。至于具体的编码方法,两者是一样。
它对应的解码函数是decodeURIComponent()。
encodeURI为什么要用两次
一般情况下, 发送 encodeURIComponent(parmeName)+"="+encodeURIComponent(parmeValue);
接收时, 直接 String paramValue = request.getParameter(paramName); // 容器自动解码.
我们知道 encodeURIComponent 使用的是 UTF-8 编码规则来编的.
如果 request.getParameter(paramName) 时,容器也按 UTF-8 解的话,是正确的. 根本无须在客户端进行二次的 encodeURIComponent(...)
如果 request.getParameter(paramName),容器没有按 UTF-8 解的话, 结果只有一个,就是乱码!
容器按什么编码来解码,决定于 request.setCharacterEncoding(***) 或者 服务器程序配置.
如果你在 jsp 程序中,能够 request.setCharacterEncoding("UTF-8"), 并且 修改服务器配置,让容器在解 GET 提交的参数时,使用 UTF-8.
客户端提交前不用二次编码, 接收时,也只要直接 request.getParameter(paramName) 即可
为什么网上会有人提出在客户端对字符串重复编码两次呢.
如果因为项目需要,不能指定容器使用何种编码规则来解码提交的参数, 比如:需要接收来自不同页面,不地编码的参数内容时。 (又或者是开发人员被这有点复杂的东东搞得晕头转向,不懂得如何正确的去做好这接收参数的工作)
这个时候,在客户端对参数进行二次编码,可以有效的避开"提交多字节字符"的这个棘手问题。
因为第一次编码,你的参数内容便不带有多字节字符了,成了纯粹的 Ascii 字符串。(这里把编第一次的结果叫成 [STR_ENC1] 好了。[STR_ENC1] 是不带有多字节字符的)
再编一次后,提交,接收时容器自动解一次(容器自动解的这一次,不管是按 GBK 还是 UTF-8 还是 ISO-8859-1 都好,都能够正确的得到 [STR_ENC1])
然后,再在程序中实现一次 decodeURIComponent (Java中通常使用 java.net.URLDecoder(***, "UTF-8")) 就可以得到想提交的参数的原值。
再编一次后,提交,接收时容器自动解一次(容器自动解的这一次,不管是按 GBK 还是 UTF-8 还是 ISO-8859-1 都好,都能够正确的得到 [STR_ENC1])
然后,再在程序中实现一次 decodeURIComponent (Java中通常使用 java.net.URLDecoder(***, "UTF-8")) 就可以得到想提交的参数的原值。
评论
在没有定义Content-Type的情况下,不同的浏览器对ajax获取的结果会有不同的行为。
IE默认和当前页面的编码一致,而FF则用设置中的默认编码进行处理。
所以如果可以控制服务器的话,最好的解决方法是设置Content-Type。
非常感谢,受教!其实我绕了很大的一个圈子,不如有经验者的一句指点。
在没有定义Content-Type的情况下,不同的浏览器对ajax获取的结果会有不同的行为。
IE默认和当前页面的编码一致,而FF则用设置中的默认编码进行处理。
所以如果可以控制服务器的话,最好的解决方法是设置Content-Type。
发表评论
-
新浪微博 一键关注
2012-07-25 10:29 1028新浪微博快捷关注: iframe方式: <if ... -
Jquery插件--easyUI属性汇总
2012-06-21 15:22 1303http://www.jeasyui.com/ ht ... -
jQuery常用函数记录(转载)
2012-06-05 14:53 685http://blog.csdn.net/cjm0927/ar ... -
常用js代码大全4
2012-02-06 12:16 696JS代码判断集锦(之一) ... -
常用js代码大全3
2012-02-06 11:28 723三,高级应用(二) //组件是否安装 isCompon ... -
常用js代码大全2
2012-02-06 11:26 868常用js代码大全2 二, ... -
常用js代码大全1
2012-02-06 11:24 713常用js代码大全1 一,基础应用 事件源对象 event ... -
HTTP STATUS 状态码
2012-02-02 11:10 822HTTP状态码[笔记] HTTP状态码(HTTP S ... -
常用Javascript验证方法
2011-12-27 09:20 711/** * 检测复选框和单选框是否已被选中 * * ... -
Struts2中OGNL极其用法
2011-12-20 21:32 1024Struts2中的表达式语言 ... -
JDBC连接数据库的各种配置
2011-12-20 12:45 9071 将数据库的JDBC驱动加载到classpath中,在基于J ... -
Ajax跨域请求的解决办法
2011-11-08 13:16 1486由于项目需要,对项目 ... -
Freemarker 常用内置函数和用法
2011-10-17 11:00 801... -
IE与FireFox的js和css
2011-10-12 13:28 724禁止选取网页内容在IE ... -
Cookie中保存中文乱码 解决办法
2011-09-28 09:43 2976以前用cookie只是存一些 ... -
Cookie机制
2011-09-28 09:42 1263Cookie过期时间设置:int ... -
Struts2+JQuery+Json及JQuery相关插件的例子
2011-08-31 09:06 1026Struts2+JQuery+Json及JQuery相关插件的 ...
相关推荐
本资源主要介绍了AJAX跨域的解决办法,以及解决方案间的比较
解决ajax跨域问题
NULL 博文链接:https://sun123start.iteye.com/blog/2150778
js跨域解决方案
Ajax跨域问题及其解决方案.docx
通过jquery的ajax处理跨域请求的DEMO,代码比较简单,仅供学习参考。
NULL 博文链接:https://exceptioneye.iteye.com/blog/1405495
html通过 ajax jsonp跨域请求接收和传送数据 使用HTML页面与后台跨域交互,获得后台数据或传输数据给后台
一个c# ajax跨域的demo,解决c# ajax 跨域的问题
ajax跨域问题的解决办法
解决ie8、9Ajax跨域问题(前端):jsp引入此js,Jquery Ajax正常写
可以将book.aa.com用iframe添加到 www.aa.com的某个页面下,在www.aa.com和iframe里面都加上document.domain = "aa.com",这样就可以统一域了,可以实现...就和平时同一个域中镶嵌iframe一样,直接调用里面的JS就可以了
Jquery跨域访问Web服务的demo源码
Ajax通过代理来解决跨域访问获取数据,里面描述了两种跨域访问的解决方法
ajax跨域
一般的ajax写法不能跨域,本文档提出了解决ajax不能跨域的问题的方法
Ajax跨域是前端开发中常见的问题,本文描述了以Google浏览器Chrome作为客户端和以Tomcat作为Web服务器的情况下的解决办法。 问题现象 当出现跨域访问的时候ajax通常会报类似如下错误: XMLHttpRequest cannot load ...
什么是跨域,跨域出现的场景,模拟跨域,springmvc下解决跨域,springboot下解决跨域。绝对原创。
怎样实现Ajax 跨域访问的五种方法, 怎样实现Ajax 跨域访问的五种方法