Ajax技术的核心为Javascript,而javascript使用的是UTF-8编码,因此在页面采用GBK或者其他编码,同时没有进行编码转换时,就会出现中文乱码的问题。 以下是分别使用GET和POST方式传值,并且页面采用GBK和UTF-8编码在IE和FF下的不同测试结果和出现乱码
Ajax技术的核心为Javascript,而javascript使用的是UTF-8编码,因此在页面采用GBK或者其他编码,同时没有进行编码转换时,就会出现中文乱码的问题。
以下是分别使用GET和POST方式传值,并且页面采用GBK和UTF-8编码在IE和FF下的不同测试结果和出现乱码时的解决方案。
传值方式 | 客户端编码 | 服务器端编码 | IE | FF | 解决方案 |
GET | UTF-8 | UTF-8 | 接收$_GET传递的参数时出现乱码 | 正常 | 客户端url=encodeURI(url) |
GET | GBK | GBK | 正常 | 接收$_GET传递的参数时出现乱码 | 客户端url=encodeURI(url) 服务器端 $str=iconv("UTF-8","GBK",$str) |
POST | UTF-8 | UTF-8 | 接收$_GET传递的参数时出现乱码 | 正常 | 客户端url=encodeURI(url) |
POST | UTF-8 | UTF-8 | 接收$_POST传递的参数时正常 | 接收$_POST传递的参数时正常 | 推荐采用方式 |
POST | GBK | GBK | 正常 | 接收$_GET传递的参数时出现乱码 | 客户端url=encodeURI(url) 服务器端 $str=iconv("UTF-8","GBK",$str) |
POST | GBK | GBK | 接收$_POST传递的参数时出现乱码 | 接收$_POST传递的参数时出现乱码 | 服务器端 $str=iconv("UTF-8","GBK",$str) |
注:JS、C#编码解码如下:
escape不编码字符有69个:*,+,-,.,/,@,_,0-9,a-z,A-Z
encodeURI不编码字符有82个:!,#,$,&,',(,),*,+,,,-,.,/,:,;,=,?,@,_,~,0-9,a-z,A-Z
encodeURIComponent不编码字符有71个:!, ',(,),*,-,.,_,~,0-9,a-z,A-Z
[1]、JS: escape(name) :
js使用数据时可以使用escape。
例如:搜藏中history纪录。
0-255以外的unicode值进行编码时输出%u****格式,其它情况下escape,encodeURI,encodeURIComponent编码结果相同。
(1)JS解码:unescape(name);
(2)C#:HttpUtility.UrlEncode() HttpUtility.UrlDecode();
[2]、JS: encodeURI():
进行url跳转时可以整体使用encodeURI()
例如:Location.href=encodeURI("http://cang.baidu.com/do/s?word=百度&ct=21");
(1)JS解码:decodeURI();
(2)C#解码: decodeURIComponent();
[3]、JS: encodeURIComponent():
传递参数时需要使用encodeURIComponent,这样组合的url才不会被#等特殊字符截断。
例如:<script language="javascript">document.write('<a href="http://passport.baidu.com/?logout&aid=7& u='+encodeURIComponent("http://cang.baidu.com/bruce42")+'">退出</a& gt;');</script>
(1)解码使用decodeURIComponent(u);
(2)C#:[HttpContext.Current.]Server.UrlDecode(url) [HttpContext.Current.]Server.UrlEncode(url);
沃梦达教程
本文标题为:Ajax中文传值出现乱码的解决办法
基础教程推荐
猜你喜欢
- 关于 css:WebKit (iPad) CSS3: 背景过渡闪烁 2022-09-21
- 解决ajax的delete、put方法接收不到参数的问题方法 2023-02-23
- vue的 Mixins (混入) 2023-10-08
- ExtJS 3.x DateField menuListeners 显示/隐藏 2022-09-15
- 基于bootstrap的上传插件fileinput实现ajax异步上传功能(支持多文件上传预览拖拽) 2023-02-01
- Vue+WebSocket实现在线聊天 2023-10-08
- 第7天:CSS入门 2022-11-04
- ECSHOP中实现ajax弹窗登录功能 2023-01-31
- 分页技术原理与实现之无刷新的Ajax分页技术(三) 2023-01-20
- 深入浅析Jsonp解决ajax跨域问题 2022-12-28