jquery ajax post提交数据乱码

柔光的暖阳◎ 2022-05-26 00:53 204阅读 0赞

今天发现在使用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"  
\});