当前位置: 首页 > HTML5培训 > 前端开发 > Ajax > jquery ajax post提交数据乱码
jquery ajax post提交数据乱码 时间:2018-08-10     来源:未知

今天发现在使用jquery ajax.post提交数据时会发现数据在ff正常,但在chrome与ie浏览器中post过去的数据全部是乱码

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

检查一下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"

});

前台专线:010-82525158 企业培训洽谈专线:010-82525379 院校合作洽谈专线:010-82525379 Copyright © 2004-2022 北京华清远见科技集团有限公司

Android培训

版权所有 ,京ICP备16055225号-5,京公海网安备11010802025203号