本文摘自PHP中文网,作者藏色散人,侵删。
jquery ajax提交乱码的解决办法:1、将编码设置统一;2、使用post方法来传递参数;3、通过在js前端escape编码,然后在后台解码取得数据;4、在全局设定contentType,指定编码即可。
本教程操作环境:windows7系统、jquery1.10.0版本、Dell G3电脑。
推荐:jquery教程
jquery ajax 提交数据乱码怎么办?
在用jquery处理html5的应用的时候,一直在firefox下测试都正常,用户用pad访问的时候说有乱码,自己试验了下果然,后发现chrome和ie内核下都是有此问题,此问题设置了页面属性为utf-8时候,只有firefox是传的charset=utf-8的头文件,chrome和ie都没有指定,所以出现乱码问题.
解决方法:
代码如下:
1 2 3 4 5 6 7 |
|
或者使用:
代码如下:
1 2 3 4 5 6 7 8 9 10 |
|
推荐使用第一种,不过也是根据自己的实际情况看的,有人推荐用 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编码)
代码如下:
1 2 3 |
|
更多编程相关知识,请访问:编程教学!!
以上就是jquery ajax 提交乱码怎么办的详细内容,更多文章请关注木庄网络博客!
相关阅读 >>
更多相关阅读请进入《jQuery》频道 >>
Vue.js 设计与实现 基于Vue.js 3 深入解析Vue.js 设计细节
本书对 Vue.js 3 技术细节的分析非常可靠,对于需要深入理解 Vue.js 3 的用户会有很大的帮助。——尤雨溪,Vue.js作者