在用jquery处理html5的应用的时候,一直在firefox下测试都正常,用户用pad访问的时候说有乱码,
" N3 U& h" s3 }8 O) n) b2 `; Z自己试验了下果然,后发现chrome和ie内核下都是有此问题,此问题设置了页面属性为utf-8时候,只有firefox是传的charset=utf-8的头文件6 `/ x* T1 P* V# [6 I R
chrome和ie都没有指定,所以出现乱码问题.% l4 f' z j& S
解决方法:) O. x* |' o' H$ b7 [6 a0 J
$.ajaxsetup({
. C4 u" ^' {) Z3 X) i5 g contenttype: application/x-www-form-urlencoded; charset=utf-8
9 A g# e; o! N; ~4 e});' A1 M0 h+ |- I7 n
$.post(test.php, { name: i5a6, time: 2pm },# x% }" S X4 { J% _% G+ e
function(data){* ?1 K! w; L" G7 |
process(data);
- i3 s& ^& g* c3 D5 b* Y B }, json);
8 Q9 Y, s% `: h; @# g `或者使用:
% q3 [' I" e1 C) Z$.ajax({$ |( y Z9 v2 J* g$ i' d
,
/ w( o/ t- ~2 v, s2 q5 y type:post, Q$ y; f) v4 Q; f; Y2 L9 L
data:data,& s8 ?' K2 _6 t. k4 h
contenttype:application/x-www-form-urlencoded; charset=utf-8,
" U2 l( W5 S% \/ u3 p6 { datatype:json,3 I; w$ r- u/ F( _: M
success: function(){8 P& P" l& X; j" B* S Z! u
...
3 F5 E( |) t, E& K7 I5 k }
! L5 f3 y3 l8 D' r# y! q})
! s, q. C+ U' G. H1 A( ]" A5 @推荐使用第一种,不过也是根据自己的实际情况看的,有人推荐用 encodeuricomponent 做字符转换
; l) n, |3 E! V总结一下ajax 提交数据乱码一些经验
& Z: Y: a: z5 `( L e. ~为了避免乱码,可以做到以下几步
. L+ R" m. z( r- y; c3 x' }' m解决方法
! ~- N: o- m2 B7 u j, E6 ^" \1,保持编码的统一,包括文件编码,数据库编码,网页content-type编码: V- o) ?) C! j2 H) M7 Y) k6 t
检查一下<meta http-equiv=”content-type” content=”text/html; charset=utf-8″ />
0 f8 t+ d/ N: q" A建议中文都是用utf-8,使用gbk/gb2312有可能会出现乱码
' D$ ]9 ~: T8 l6 @) i2,使用post来发送而不是get k/ M0 I: Q8 B$ t9 Y- L; q
get方法是会通过链接来传递参数,而且会自动urlencode(编码),而各个浏览器编码的方式可能不太一样。使用post可以避免这种情况。
3 y( \. P$ v. d$ F! `, X3,通过在js前端escape编码再发送,然后后台解码取得数据 u8 y' w" }3 E8 y5 y
这些可以在网上搜索" I# a8 n5 s7 F
4,在全局设定contenttype,指定编码+ o" ?4 Q8 w$ k3 s8 A
因为jquery ajax是使用utf-8来编码发送数据的,ie在发送时却没加上charset=utf-8,从而导致乱码(ie默认使用iso-8859-1编码)" U0 ~% ~ e( J9 d
$.ajaxsetup({8 Z" z; \) z( k* B/ @
contenttype: application/x-www-form-urlencoded; charset=utf-86 s% K+ U0 ?3 b' e4 \$ f* Z
$ h& f/ c/ A, `( ~
更多网页制作信息请查看: 网页制作 |
|