浅析AJAX乱码及错误解决方案

一类是出现乱码,另外一类是出现javascript系统错误:-1072896658的。提示在XX.innerHTML=xmlhttp.responseText;这行。
其实都是因为编码不统一引起的。解决方法就是加入指定字符编码指令。

一、什么是字符编码
定义见:http://zh.wikipedia.org/wiki/%E5%AD%97%E7%AC%A6%E7%BC%96%E7%A0%81。
通俗的讲:你看到的“我”是一张小图片,每个汉字都是,他对应一个编码4650,这些图片都存放在一个叫做字库的地方,你在字库中找到4650号图片,就是“我”了,其实字库就是windows的字体,宋体字库、雅黑字库等等等,一篇文章,你可以用宋体、仿宋体,不论用那种,“我”的对应的编码是不变的。你可以换字体,显示出来的“我”字体不同,但是还是一个“我”字。

二、问题的产生。
编码就有编码格式因此就产生了各种编码,汉字典型的有GB2312简体的,BIG5繁体的,Unicode繁简都有的。这里就产生问题了,在GB2312中4650是“我”,在Unicode中是6211。4650在Unicode中对应的是“䙐”。
因此,你在服务器的asp,jsp中用GB2312编码发送了“我”,到了浏览器,浏览器以为是Unicode,翻译出来就是“䙐”。这就是乱码了。
注意:本文中的Unicode仅以UTF-8为例。UTF-8定义传送门:http://zh.wikipedia.org/zh/UTF-8

三、解决思路。
当中还要注意一点:据不可靠消息JavaScript是用Unicode UTF-8作为内码的。
因此,如果使用Ajax,最好呈现页面也指定编码为UTF-8,省的转换了。统一了编码,自然就没有了乱码。

四、具体方法。
对于服务端脚本,在脚本开头:
PHP:header('Content-Type:text/html;charset=UTF-8');
ASP:Response.Charset="UTF-8"
JSP:response.setHeader("Charset","UTF-8");
注意ASP,很多地方是Response.Charset("UTF-8"),这是不正确的,Charset是属性不是方法,误导了很多人。
对于HTML


代码如下:

<head>
<meta name="description" content="Free Web tutorials" />
<meta name="keywords" content="HTML,CSS,XML,JavaScript" />
<meta name="author" content="Hege Refsnes" />
<meta http-equiv="content-type" content="text/html;charset=UTF-8" />
</head>

charset=编码名称。
对于<script>
<scripte type="text/javascript" charset="UTF-8">
但是,在实际应用中,特别是页面转换时,会出现前一个页面是UTF-8的,后面页面突然跳到了GB2312,然后乱码了,怎么办?
在服务器asp(PHP,JSP自行查方法)脚本开头中写入
Session.CodePage=65001
保持在这个Session中一直是UTF-8。
如果你想统一成GB2312,那么记得把上面的UTF-8换成GB2312,65001换成936。
这三部完成,基本可以解决乱码问题。

(0)

相关推荐

  • JQuery AJAX 中文乱码问题解决

    解决方案: 提交和接收均为utf-8或gbk编码 对提交的数据调用JQuery函数encodeURI进行编码再提交或显示或链接既可 url = encodeURI(url);   //url为数据. 注:注意浏览器和发布的项目的缓存问题,很多时候会影响解决. 记事本默认gbk编码

  • AJAX中文乱码PHP中完美解决方法

    最近在做一个项目,遇到AJAX中文乱码问题,经过一个下午的努力终于完美解决,现将心得写下来,希望对那些还困绕在这个问题而头痛不已的人们有所帮助. 众所周知,使用AJAX传送和接收中文参数时,如果不在客户端和服务器做相应的处理就会出现乱码问题,在网上相应的文章也不少,但是有的情况下很难从中找到符合自己理想的答案,我今天就是在网上找了很多,但是都差不多,讲ASP和JSP的比较多(我是用的PHP),所以到最后都没找到自己满意的答案. AJAX的中文乱码可以大概分为两中,第一种是向服务器端发送中文参数时

  • jquery.ajax的url中传递中文乱码问题的解决方法

    JQuery JQuery默认的contentType:application/x-www-form-urlencoded 这才是JQuery正在乱码的原因,在未指定字符集的时候,是使用ISO-8859-1 ISO8859-1,通常叫做Latin-1.Latin-1包括了书写所有西方欧洲语言不可缺少的附加字符. JQuery的Ajax根本没有考虑到国际化的问题,使用了欧洲的字符集,所以才引起了传递中文出现乱码的问题. 而我们的UTF-8则可以解决这一问题. 最终指需要修改JQuery的代码,显式

  • jquery ajax post提交数据乱码

    在用jquery处理html5的应用的时候,一直在firefox下测试都正常,用户用pad访问的时候说有乱码,自己试验了下果然,后发现chrome和ie内核下都是有此问题,此问题设置了页面属性为utf-8时候,只有firefox是传的charset=utf-8的头文件chrome和ie都没有指定,所以出现乱码问题.解决方法: 复制代码 代码如下: $.ajaxSetup({  contentType: "application/x-www-form-urlencoded; charset=utf

  • jquery的ajax()函数传值中文乱码解决方法介绍

    复制代码 代码如下: $.ajax({ dataType : 'json',type : 'POST',url : 'http://localhost/test/test.do',data : {id: 1, type: '商品'},success : function(data){ } } ); 问题: 提交后后台action程序时,取到的type是乱码 解决方法: 方法一:提交前采用encodeURI两次编码,记住一定是两次 1.修改以下代码 复制代码 代码如下: data:{id:1, t

  • STRUTS+AJAX+JSP 请求到后台乱码问题解决方法

    在AJAX请求URL之前 把参数进行encodeURI()转码. 如: 复制代码 代码如下: var fileName=document.getElementById("filePath").value; if(null!=fileName){ //alert(fileName); //进行转码 不然后台会乱码 fileName=encodeURI(fileName); .........AJAX代码 }

  • ajax中文乱码问题解决方案

    ajax中文乱码问题在中文中经常会出现这种问题,其实只要稍加注意就不会出现ajax中文乱码这回事情了,注意前后台编码一致.你用的是中文.而ajax传输数据的时候用的是utf-8 ,还有对ajax get方法时最好escape 或urlcode, 复制代码 代码如下: <%@ page contenttype="text/html;charset=gb2312%> 如果是用servlet就加 复制代码 代码如下: response.setcontenttype("text/h

  • js调用AJAX时Get和post的乱码解决方法

    在使用"get"时,抓取的页面最后加上编码类型 复制代码 代码如下: <% 服务器端:servletactioncontext.getresponse().setcharacterencoding("utf-8"); 客户端 网页特效p/jsp.html target=_blank >jsp教程: <%@ page language="java" contenttype="text/html; charset=utf-

  • jsp中 ajax的get请求的中文乱码问题的解决方法

    一般Tocant 的url编码是iso-8859-1(查看tocat/conf/server.xml 中的Connector 节点没有写URIEncoding="xxxxxx") 如下: 复制代码 代码如下: <Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" /> 如果

  • ajax请求乱码的解决方法(中文乱码)

    今天遇到一个问题,有关ajax请求中传输中文,遇到乱码的问题. 如下代码: 复制代码 代码如下: function UpdateFolderInfoByCustId(folderId, folderName, custId) {    $.ajax({        type: "Post",        contentType: "application/x-www-form-urlencoded; charset=utf-8",        url: &qu

  • 解决ajax+php中文乱码的方法详解

    中文如果用表单提交的话,不会出现乱码,而用ajax提交就会出现乱码,这是什么原因呢? 我的理解是,我在写源码的时候,一般用记事本写,保存的时候默认用ANSI编码,源码中也没有用"<meta http-equiv=Content-Type content=text/html;charset=UTF-8>"或"header('Content-Type:text/html;charset=UTF-8');"指定网页编码,于是在浏览器中显示时它的编码被认定为&q

  • ajax提交到servelt获取参数有乱码的解决方法

    在这里,假设读者了解基本的 ajax 技术或更多.我仅仅阐述一个现象,一个解决方法:原因. 原理,同样不清楚 -- 我们先从简单的着手, servlet传值到JSP页面js 脚本中,利用脚本将相关值显示在页面.解决这个方向(servlet--javascript)的中文乱码问题很简单.只需要在 servlet中,添加一个 编码设置: 复制代码 代码如下: response.setContentType("text/html;charset=UTF-8"); 而且JSP页面编码方式可以随

  • AJAX中文乱码问题探讨及解决

    AJAX中文问题分为两大类: 1)发送路径中的参数有中文,在服务器段接收参数值是乱码 例如: var url="a.jsp?name=小李": xmlHTTP.open ("post",url,true); 解决办法: 利用javascript的提供的escape()或encodeURI()方法 例如: 客户端: var url="a.jsp?name=小李": url=encodeURI(url); url=encodeURI(url); //

  • 解决ajax回调函数返回的字符串乱码问题

    ServletActionContext.getResponse().setContentType("text/json;charset=UTF-8");//解决乱码问题,没有这句,回调函数的内容可能乱码 ServletActionContext.getResponse().getWriter().write("字符串内容");//在写入之前执行上面一句,可以解决乱码

  • ajax中文乱码的各种解决办法总结

    由于XMLHTTP采用的是Unicode编码上传数据,而一般页面采用的是gb2312,这就造成显示页面时产生乱码.而当在获取页面时的XMLHttp返回的是utf-8编码,这就造成了显示产生乱码. 有一种解决办法就是使用encodeURIComponent加上修改 Content-Type 为 application/x-www-form-urlencoded" 来把数据统一编码成 url 格式,当然,也可以指定编码,如:"application/x-www-form-urlencode

  • jQuery调用AJAX时Get和post公用的乱码解决方法实例说明

    以前在新浪博客写过js调用AJAX时Get和post的乱码解决办法,但是使用js代码比较繁琐,我们在使用ajax进行数据交互时可以使用js的一个成熟框架---jQuery. 一个网站的设计,不管是注册登录还是分页查找,都需要提交参数到服务器以便得到所需的页面数据.为了减少用户因刷新页面带来的煎熬,ajax诞生.但是初学者进行项目开发时,会遇到一个很烦人的问题:中文乱码. 下面我就通过一个简单的实例来告诉大家哪些地方可能会导致乱码,我们需要通过什么方式来解决. 我们这个实例主要实现用户注册时用户名

  • asp.net中在用ajax格式传递数据到aspx页面时出现乱码

    asp.net中在用ajax格式传递数据到aspx页面时有时会出现乱码,以下为解决方法 js中 : 复制代码 代码如下: XmlHttp.open("POST", "test.aspx", false); XmlHttp.setRequestHeader("Content-Type", "application/x-www-form-urlencoded"); XmlHttp.send("QueryName=&quo

  • jquery ajax传递中文参数乱码问题及解决方法说明

    jQuery传递中文参数乱码,原因是默认的传递方式没有采用UTF-8,所有我们可以在传递参数的时候对参数进行编码,然后再操作,代码如下,红色的代码为传递的参数,已标注 复制代码 代码如下: smsubmitclick = function(){   $(document).ready(function(){       var name = $("#txt_name").val();       var type = $("#seltype option:selected&q

随机推荐