码迷,mamicode.com
首页 > Web开发 > 详细

ajax url参数中文乱码解决

时间:2015-11-16 12:37:56      阅读:180      评论:0      收藏:0      [点我收藏+]

标签:

最近在学习编写门户网站时,通过ajax的url参数传递字符串给服务器遇到中文乱码的问题,如果需要传递的数据不通过url直接传递,比如用jquery.post参数方式传递变量,则不会出现乱码问题,网上搜索找到如下解决方法:

1、

对js的url中的中文参数值使用两次encodeURI(),即

encodeURI(encodeURI("url的中文参数值")),

2、

C#中使用System.Web.HttpUtility.UrlDecode(context.Request["param"], System.Text.Encoding.GetEncoding("UTF-8"));//将Url中的编码转换为简体汉字

通过上述方法编解码就能解决中文乱码问题,具体原理如下:

在AJAX浏览器来进行发送数据时,一般它所默认的都是UTF-8的编码.

使用JQUERY中所提供的方法来做操作

function verify() {
//解决中文乱麻问题的方法1,页面端发出的数据作一次encodeURI,
服务器段使用进行转移成UTF-8;
//解决中文乱麻问题的方法2,页面端发出的数据作两次encodeURI,
这个做的好处在于,不管浏览器用户在页面来设置编码,服务器所采用的编码来做一次URLencode转换成UTF-8.
var url = "AJAXServer?name=" + encodeURI(encodeURI($("#userName").val()));
url = convertURL(url);
$.get(url,null,function(data){
$("#result").html(data);
});
}

说明:1 .encodeURL函数主要是来对URI来做转码,它默认是采用的UTF-8的编码.
2. UTF-8编码的格式:一个汉字来三个字节构成,每一个字节会转换成16进制的编码,同时添加上%号.

这里要做两次encodeURI的原因以及说明:

其中具体的原理分析如下,假设页面端输入的中文是一个“中”,按照下面步骤进行解码
1.第一次encodeURI,按照utf-8方式获取字节数组变成[-28,-72-83],对字节码数组进行遍历,把每个字节转化成对应的16进制数,这样就变成了[E4,B8,AD],最后变成[%E4,%B8,%AD]

2.第二次encodeURI,把数组最后变成[%25E4,%25B8,%25AD]然后就把处理后的数据[%25E4,%25B8,%25AD]发往服务器端,
当应用服务器调用getParameter方法,getParameter方法会去向应用服务器请求参数
应用服务器最初获得的就是发送来的[%25E4,%25B8,%25AD],应用服务器会对这个数据进行URLdecode操作,URldecode操作和encodeURL操作是相反的操作,处理结果就是[%E4,%B8,%AD],并把这个值返回给getParameter方法

然后再在服务器端中调用相应的URL转码方法或者是函数  就可以把数据还原成最初页面发送过来的中文“中”了。

 

补充——C# URL编码转换 URL转码 UrlDecode UrlEncode:

using System.Web; 引用system.web。

  textBox2.Text = System.Web.HttpUtility.UrlDecode(textBox1.Text, System.Text.Encoding.GetEncoding("GB2312"));//将Url中的编码转换为简体汉字

  textBox2.Text = System.Web.HttpUtility.UrlEncode(textBox1.Text, System.Text.Encoding.GetEncoding("GB2312"));//将简体汉字转换为Url编码

  textBox2.Text = System.Web.HttpUtility.UrlDecode(textBox1.Text, System.Text.Encoding.GetEncoding("BIG5"));//将Url中的编码转换为繁体汉字

  textBox2.Text = System.Web.HttpUtility.UrlEncode(textBox1.Text, System.Text.Encoding.GetEncoding("BIG5"));//将繁体汉字转换为Url

引用:

http://www.cnblogs.com/myjavawork/articles/1784748.html

http://blog.clump.cc/cle/2013/120427269.html

ajax url参数中文乱码解决

标签:

原文地址:http://www.cnblogs.com/liuslayer/p/4968448.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!