Rumah >hujung hadapan web >tutorial js >jquery ajax 提交乱码怎么办

jquery ajax 提交乱码怎么办

藏色散人
藏色散人asal
2021-01-07 09:52:452309semak imbas

jquery ajax提交乱码的解决办法:1、将编码设置统一;2、使用post方法来传递参数;3、通过在js前端escape编码,然后在后台解码取得数据;4、在全局设定contentType,指定编码即可。

jquery ajax 提交乱码怎么办

本教程操作环境:windows7系统、jquery1.10.0版本、Dell G3电脑。

推荐:jquery教程

jquery ajax 提交数据乱码怎么办?

在用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编码

检查一下40099c936941750150d8ac2e2f974f38

建议中文都是用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"
});

更多编程相关知识,请访问:编程教学!!

Atas ialah kandungan terperinci jquery ajax 提交乱码怎么办. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan:
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel sebelumnya:如何判断安装react native是否成功Artikel seterusnya:jquery.min.js是啥