会员登录 | 注册会员 | 学习交流 | 会员中心 | 在线充值 | QQ在线咨询
扫一扫添加微信咨询
咨询电话:199-4385-7008
在线客服:
本站主要提供AICS6、PSCS6、CDRX6、DWCS6、html、CSS样式、js脚本、ASP、PHP等视频教程,近期隆重推出平面设计、网页设计视频教程套装,在线学习结合视频光盘/U盘,是您成为设计大师的必经之路!
您所在的位置:首页 >> 学习辅导 >> JQuery.ajax传递中文参数的解决方法 推荐

学习辅导

JQuery.ajax传递中文参数的解决方法 推荐

发布时间:2017-03-29 16:07:52 来源: 点击数:2747
摘要:许多人在使用JQuery.ajax方法时肯定会遇到一个问题。在编码不是UTF-8的时候,当传递的参数里有中文的时候,服务端Request的时候都会出现乱码。

jquery.ajax传递中文参数的解决方法 推荐

许多人在使用jquery.ajax方法时肯定会遇到一个问题。在编码不是utf-8的时候,当传递的参数里有中文的时候,服务端request的时候都会出现乱码。

本人最近也遇到了需要传递中文参数的问题。在网上搜索一下,复制粘贴发的到处都是的“终极”“解决方案”无非就是escape(str)来转码,然后在服务端还要写个方法再编辑一次,或用system.text.encoding下的方法来换来换去。

我很久以前一直在使用prototype框架。在.net-gb2312或jsp-utf8下都使用过,从来没遇到有字符编码的问题。于是将prototype和jquery代码都下载下来打开研究原因。

不同之处在于jquery默认的contenttype:application/x-www-form-urlencoded

而prototype则是contenttype:application/x-www-form-urlencoded; charset=utf-8

这才是jquery正在乱码的原因,在未指定字符集的时候,是使用iso-8859-1

iso8859-1,通常叫做latin-1。latin-1包括了书写所有西方欧洲语言不可缺少的附加字符。

jquery的ajax根本没有考虑到国际化的问题,使用了欧洲的字符集,所以才引起了传递中文出现乱码的问题。

而我们的utf-8则可以解决这一问题。

最终指需要修改jquery的代码,显式声明contenttype使用utf-8字符集,即可解决gb2312中文传递的问题。

只需要简单的将jquery的代码加以修改,加上charset=utf-8就可以了,这样不需要改变改什么web.config或什么在页面中改编码什么的了,也不需要用escapc(str)再在服务端解码。英文怎么传递,中文也怎么传递。

给段简单的代码测试一下:

test.html:

复制代码 代码如下: 
<!doctype html public "-//w3c//dtd xhtml 1.0 transitional//en" "http://www.w3.org/tr/xhtml1/dtd/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="content-type" content="text/html; charset=gb2312" />
<title></title>
<script type="text/javascript" src="scripts/jquery-1.3.2.min.js"></script>
<script type="text/javascript">
function doajax(){
$.post("ajaxtest.aspx",{txt:$("#tbox1").val()},
function(data){
$("#ajaxresponse").text(data);
}
);
}
</script>
</head>

<body>
<p><a href="javascript:doajax();">ajaxtest</a><input name="tbox1" id="tbox1" type="text" /></p>
<div id="ajaxresponse"></div>
</body>
</html>
ajaxtest.aspx:

复制代码 代码如下: 
<%@ page language="c#" contenttype="text/html" responseencoding="gb2312" %>
<script runat="server">
string parms;

void page_load(object sender , eventargs e)
{
parms=request["txt"];
if (string.isnullorempty(parms)){
response.write("is null");
}else{
response.write(parms);
}
}
</script>
在网上搜到解决办法,但是不明白。解决办法如下: 
对需要传递的中文参数先进行两次转码: 
1.js文件中使用encodeuri()方法。 
var url = "validate.jsp?id=" + encodeuri(encodeuri(idfield.value));    
2.在后台中对传递的参数进行urldecoder解码 
string username = urldecoder.decode(request.getparameter("id"),"utf-8");

热门推荐

客服热线(8:00-23:00)

133 4385 7008

在线QQ客服:3316841367 张老师
微信账号:laozhangsoft123

微信公众号