Ajax中文传参出现乱码

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)

另在IE中可能存在这样一个问题:由于出现错误c00ce56e而导致此项操作无法完成。

此时设置编码时将header(‘Content-Type:text/html;charset=utf8‘)改为header(‘Content-Type:text/html;charset=utf-8‘)即可。

开发中所遇实例:

通过Jquery的$.get()方法传中文参数,后台接收,页面编码未设置,FireFox下正常,IE下乱码

var name = "中国";
var url = "/Movies/GetMovieName?name=" + name;
$.get(url,{}, function () {}, "json");

解决方法:

[1]Js请求时进行二次编码:url=encodeURI(url); url=encodeURI(url); //即url=encodeURI(encodeURI(url));

var name = encodeURI(encodeURI("中国"));
var url = "/Movies/GetMovieName?name=" + name;
$.get(url,{}, function () {}, "json")

[2]解码

(1)C#后台解码:

public void GetMovieName(string name)
{
    //HttpUtility.UrlDecode 方法
    name = System.Web.HttpUtility.UrlDecode(name);
    //Server.UrlDecode 方法
    name = Server.UrlDecode(name);
}

(2)JS解码:decodeURI(url);

注: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);

时间: 2024-10-10 08:24:19

Ajax中文传参出现乱码的相关文章

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

问题背景:在项目中往往会涉及到前端跳转页面时要传一些参数给下一个页面,如果参数是英文或者数字的时候就很好解决,然而有时候传参会涉及到中文汉字,这个时候再单纯的拼接往往就会导致中文乱码,下面我们就该讨论一下如何解决中文传参乱码的问题. 假设A页面跳转到B页面并且A向B传参,首先在A页面中要调用这个方法:encodeURI("这里是中文参数"); 完整的拼接效果为: window.location.href="B.html?&title="+encodeURI(

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

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

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

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

在浏览器上直接输入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 编码后字符串还原成未编码的样子

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

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

在jQuery中Ajax的Post提交中文乱码的解决方案(转)

引言: 在jQuery的Ajax POST请求中,进行请求,其中的中文在后台,显示为乱码,该如何解决呢? 问题的引入: var regid = $('#oregion').combobox('getValue'); //var sname = $('#sname').val(); var sname = encodeURI($('#sname').val(),"UTF-8"); if(regid!=""&&regid!='undefined'){ $

Ajax的底层实现--使用Ajax实现无刷新登录实例--解决ajax中URl参数带中文的乱码问题

  1.jsp代码 第一部分(html代码):前端页面 <div id="login"> 用户名: <input type="text" id="userName"/> <!--用户名--> 密码: <input type="password" id="psw"/> <!--密码--> <input type="submit&quo