教程集 www.jiaochengji.com
教程集 >  jQuery  >  jquery 教程  >  正文 jquery ajax post提交数据乱码

jquery ajax post提交数据乱码

发布时间:2014-04-30   编辑:jiaochengji.com
今天发现在使用jquery ajax.post提交数据时会发现数据在ff正常,但在chrome与ie浏览器中post过去的数据全部是乱码
在用jquery处理html5的应用的时候,一直在firefox下测试都正常,用户用pad访问的时候说有乱码,
自己试验了下果然,后发现chrome和ie内核下都是有此问题,此问题设置了页面属性为utf-8时候,只有firefox是传的charset=utf-8的头文件
chrome和ie都没有指定,所以出现乱码问题.
解决方法:
复制代码 代码如下:

$.ajaxSetup({
  contentType: "application/x-www-form-urlencoded; charset=utf-8"
});
$.post("test.php", { name: "i5a6", time: "2pm" },
   function(data){
     process(data);
   }, "json");
 

或者使用:
复制代码 代码如下:

$.ajax({
  url:url,
  type:"POST",
  data:data,
  contentType:"application/x-www-form-urlencoded; charset=utf-8",
  dataType:"json",
  success: function(){
    ...
  }
})
 

推荐使用第一种,不过也是根据自己的实际情况看的,有人推荐用 encodeURIComponent 做字符转换
总结一下ajax 提交数据乱码一些经验
为了避免乱码,可以做到以下几步
解决方法
1,保持编码的统一,包括文件编码,数据库编码,网页content-type编码
检查一下<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″ />
建议中文都是用UTF-8,使用gbk/gb2312有可能会出现乱码
2,使用post来发送而不是get
get方法是会通过链接来传递参数,而且会自动urlEncode(编码),而各个浏览器编码的方式可能不太一样。使用post可以避免这种情况。
3,通过在js前端escape编码再发送,然后后台解码取得数据
这些可以在网上搜索
4,在全局设定contentType,指定编码
因为jquery ajax是使用utf-8来编码发送数据的,ie在发送时却没加上charset=utf-8,从而导致乱码(IE默认使用iso-8859-1编码)
复制代码 代码如下:

$.ajaxSetup({
 contentType: "application/x-www-form-urlencoded; charset=utf-8"
});
 

您可能感兴趣的文章:
JQuery AJAX提交中文乱码的解决方案
JQuery AJAX 中文乱码问题解决
jquery ajax post提交数据乱码
jquery乱码与contentType属性设置问题解决方案
jQuery中ajax的使用与缓存问题的解决方法
Jquery AJAX POST与GET之间的区别
jquery的ajax()函数传值中文乱码解决方法介绍
jQuery调用AJAX时Get和post公用的乱码解决方法实例说明
javascript jQuery $.post $.ajax用法
jquery ajax 无刷新提交数据与无刷新登录的例子

关键词: jquery  ajax   
[关闭]
~ ~