在用jquery处理html5的应用的时候,一直在firefox下测试都正常,用户用pad访问的时候说有乱码,9 G; I7 E$ N0 g; A" _. w6 p
自己试验了下果然,后发现chrome和ie内核下都是有此问题,此问题设置了页面属性为utf-8时候,只有firefox是传的charset=utf-8的头文件
7 t7 E# B' P/ ?chrome和ie都没有指定,所以出现乱码问题.
. H% f0 e0 \9 k* B4 F解决方法:
) j% {9 v. I* n! v/ ~) ^$.ajaxsetup({
4 k: y8 I! [! ` contenttype: application/x-www-form-urlencoded; charset=utf-8
# q$ ]- u! j, D; O! O});
- K4 W2 E$ v; L Z" x& r1 z/ s+ J$.post(test.php, { name: i5a6, time: 2pm },! z$ F8 z! ~) X% T
function(data){
- c5 e. k1 m) C8 L* [8 E4 }' q4 u process(data);7 b: `6 @: x* y/ Z$ [
}, json);- I( f9 Q3 O8 J& T) b
或者使用:7 Z5 g" s* t3 Y* c
$.ajax({, [3 }' U5 Q* P( ~$ o- }" S
,
/ l. M+ x, ~9 i! _ type:post,
8 k1 e) S: k V) K# b data:data,+ r4 e$ r: j9 v
contenttype:application/x-www-form-urlencoded; charset=utf-8,
5 M2 h% f3 ]9 n) u! k X y datatype:json,
9 `1 c C) A2 p$ M) j success: function(){
- }) U" A+ v# F C8 W8 A. e. Z ...
1 W2 u9 M8 S. C; @. m }" G0 j2 l3 w5 d3 O. i
})( Y% J7 B$ o( ]3 x- s
推荐使用第一种,不过也是根据自己的实际情况看的,有人推荐用 encodeuricomponent 做字符转换: G1 k, I( I$ N* M4 f3 g) {
总结一下ajax 提交数据乱码一些经验
# N7 W. x% p6 Y( I2 b6 n为了避免乱码,可以做到以下几步: s3 ]/ G' n* J( f* x* s1 w L. e+ h
解决方法/ V; L1 R4 x9 ^& H3 I2 F# }
1,保持编码的统一,包括文件编码,数据库编码,网页content-type编码
) L( O6 t [! `9 I7 K# j1 N检查一下<meta http-equiv=”content-type” content=”text/html; charset=utf-8″ />) Q- I* T9 H( z& A
建议中文都是用utf-8,使用gbk/gb2312有可能会出现乱码
% N, c! M# r3 k( `. K I8 N' \% ?# A2,使用post来发送而不是get9 p- T; j% T; m) Y* C& V8 W
get方法是会通过链接来传递参数,而且会自动urlencode(编码),而各个浏览器编码的方式可能不太一样。使用post可以避免这种情况。. T% @; Q+ r+ H3 Q! q) U
3,通过在js前端escape编码再发送,然后后台解码取得数据# F9 r. |0 ^1 P. E: M; i
这些可以在网上搜索8 o) R* G- H4 J: F8 X/ C* x
4,在全局设定contenttype,指定编码
: x1 K q- f. q$ m% e, `# s' X因为jquery ajax是使用utf-8来编码发送数据的,ie在发送时却没加上charset=utf-8,从而导致乱码(ie默认使用iso-8859-1编码)
% `- J; U7 d; Z# ?5 `' t7 ?$.ajaxsetup({2 w3 j9 e7 m5 O Y4 v8 T1 N7 v
contenttype: application/x-www-form-urlencoded; charset=utf-8% |3 K% r7 L7 Z* ~! C
7 J4 _4 e* A" J更多网页制作信息请查看: 网页制作 |
|