Ajax中异步处理时中文乱码解决方案

简介:
+关注继续查看

前段在做Ajax异步处理时传参时遇到中文乱码问题,想起以前在用WebServerce 做服务时也碰到这样的问题,当时通过异步请求向WebService中传参,而Ajax中对中文支持不是太好,编码格式导致 出现了乱码,这个问题很长见,也尝试几种处理方法,今天加以小结.

(1)分析Ajax出现中文乱码原因:

XmlHttpRequest对象responseXML属性来完成异步请求的响应回传,能够触发这个动作的条件是响应头部的Content-Type 的MiME类型必须被指定为XML(text/XMl或者application/Xml),当前这个属性才会有值并且会被解析成一个XML文档 返回到客户端。一般情况下XMl默认为UTF-8的编码格式(还有其他具体分类)。

中文乱码产生:

XMlHttpRequest异步请求时向服务器端发送数据的编码格式是Unicode格式,

请求响应到客户端而是XML文档 默认编码格式是UTF-8格式

如果你的页面编码本来就是UTF-8,中文乱码就不会出现,而大部分的情况下一般页面设置是GB2312格式,这样转译格式发生了变化 导致乱码产生.而这种乱码出现方式分为两种,第一是页面显示的是乱码,另外一个就是想服务器端传送数据时中文成乱码

(2)解决方案:

方案一:统一页面编码格式  解决页面显示成乱码问题

默认返回到客户端的是编码是UTF-8格式,那么我们工作就是修改页面编码格式即可,示例代码如下:

--统一页面编码格式
--Author:chenkai  Time:2009-6-4 11:54:34

页首Page指令中添加两个属性:
 <%@ page contentType="text/html; charset=UTF-8"%>

<Title>中设置:
  //小小的Meta 其实就是在报头请求中说明当前页面内容和编码格式
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
设置后页面显示上中文的显示时没有问题.

方案二:转换编码格式 在服务器端解决中文乱码

XmlHttpRequest通过open()方法发送请求,需要设定请求的报头:

request.open("POST","Default.aspx?Value="+value,true);
  //设置Request报头 Content-Type 
request.setRequestHeader("Content-Type","text/html;charset=gb2312");
  //设置主要目的是保证向服务器端发送数据  参的值有中文乱码问题 

参数会设定字符编码格式gb2312 默认转换,同样如果在JS中对服务器端传送数据需要使用既定Escape()和UnEscape函数来处理中文字符乱码问题: 具体使用方法如下

--Escape()函数定义及用法
--Author:chenkai  Time:2009-6-4 14:07:01
--Address:http://www.w3school.com.cn/js/jsref_escape.asp

//JS中的Escape()函数用来处理String 字符窜进行编码以使计算机能够识别可读 使用方法:

//定义:Escape(ChartSeting)  ChartSeting是必须的参数   参数是要编码的任意 String 对象或文字

<script type="text/JavaScript" lanage="javascript">
 var getstr=escape('函数测试数据!');
</script>

//Escape()函数返回的是 ChartSeting内容的字符窜Unicode格式数据,
//为什么是Unicode格式?因为在异步请求并传参是 默认格式就是Unicode 对应的汉字就能识别 

//注意:

//所有空格、标点、重音符号以及其他非 ASCII 字符都用 %xx 编码代替,其中 xx 等于表示该字符的十六进制数。例如,空格返回的是 "%20" 。字符值大于 255 的以 %uxxxx 格式存储 


本文转自chenkaiunion 51CTO博客,原文链接:http://blog.51cto.com/chenkai/765418

相关文章
|
3月前
|
JSON 前端开发 安全
ajax中实现访问url已阅即焚的解决方案(url动态参数、变量加密、常量不变、php加密解密、API访问验证方式)
ajax中实现访问url已阅即焚的解决方案(url动态参数、变量加密、常量不变、php加密解密、API访问验证方式)
87 0
|
3月前
|
JSON 前端开发 JavaScript
layui上传文件弹出请求上传接口出现异常的终极解决方案(v2.68版本、ajax底层逻辑修改、debug快速定位)
layui上传文件弹出请求上传接口出现异常的终极解决方案(v2.68版本、ajax底层逻辑修改、debug快速定位)
101 0
|
3月前
|
前端开发 API PHP
ajax获取API数据出现400或415的解决方案
ajax获取API数据出现400或415的解决方案
28 0
|
3月前
|
前端开发 API PHP
漏刻有时开放平台数据接口php允许ajax跨域的解决方案
漏刻有时开放平台数据接口php允许ajax跨域的解决方案
21 0
|
3月前
|
前端开发 JavaScript
javascript使用ajax传递token参数的一个解决方案
javascript使用ajax传递token参数的一个解决方案
28 0
|
3月前
|
前端开发
大数据量学习:ajax获取数据后将数组重新分组后分批定时渲染的解决方案
大数据量学习:ajax获取数据后将数组重新分组后分批定时渲染的解决方案
23 0
|
3月前
|
前端开发 数据可视化 JavaScript
ajax刷新php后台实现定时任务的执行解决方案
ajax刷新php后台实现定时任务的执行解决方案
38 0
|
3月前
|
前端开发 JavaScript API
ajax异步加载获取数据与Echarts渲染图表的两种解决方案
ajax异步加载获取数据与Echarts渲染图表的两种解决方案
45 0
|
3月前
|
前端开发 PHP
php解决ajax使用post请求时提交的数据过多而导致et::ERR_CONNECTION_RESET的解决方案
php解决ajax使用post请求时提交的数据过多而导致et::ERR_CONNECTION_RESET的解决方案
42 0
|
3月前
|
前端开发
ajax返回无数据时防止控制台报错的解决方案
ajax返回无数据时防止控制台报错的解决方案
30 0