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-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"

  });