jquery ajax post提交數(shù)據(jù)亂碼
自己試驗(yàn)了下果然,后發(fā)現(xiàn)chrome和ie內(nèi)核下都是有此問(wèn)題,此問(wèn)題設(shè)置了頁(yè)面屬性為utf-8時(shí)候,只有firefox是傳的charset=utf-8的頭文件
chrome和ie都沒(méi)有指定,所以出現(xiàn)亂碼問(wèn)題.
解決方法:
$.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(){
...
}
})
推薦使用第一種,不過(guò)也是根據(jù)自己的實(shí)際情況看的,有人推薦用 encodeURIComponent 做字符轉(zhuǎn)換
總結(jié)一下ajax 提交數(shù)據(jù)亂碼一些經(jīng)驗(yàn)
為了避免亂碼,可以做到以下幾步
解決方法
1,保持編碼的統(tǒng)一,包括文件編碼,數(shù)據(jù)庫(kù)編碼,網(wǎng)頁(yè)content-type編碼
檢查一下<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″ />
建議中文都是用UTF-8,使用gbk/gb2312有可能會(huì)出現(xiàn)亂碼
2,使用post來(lái)發(fā)送而不是get
get方法是會(huì)通過(guò)鏈接來(lái)傳遞參數(shù),而且會(huì)自動(dòng)urlEncode(編碼),而各個(gè)瀏覽器編碼的方式可能不太一樣。使用post可以避免這種情況。
3,通過(guò)在js前端escape編碼再發(fā)送,然后后臺(tái)解碼取得數(shù)據(jù)
這些可以在網(wǎng)上搜索
4,在全局設(shè)定contentType,指定編碼
因?yàn)閖query ajax是使用utf-8來(lái)編碼發(fā)送數(shù)據(jù)的,ie在發(fā)送時(shí)卻沒(méi)加上charset=utf-8,從而導(dǎo)致亂碼(IE默認(rèn)使用iso-8859-1編碼)
$.ajaxSetup({
contentType: "application/x-www-form-urlencoded; charset=utf-8"
});
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法總結(jié)
- jquery中$.post()方法的簡(jiǎn)單實(shí)例
- javascript jQuery $.post $.ajax用法
- jQuery get和post 方法傳值注意事項(xiàng)
- jQuery中ajax的post()方法用法實(shí)例
- Jquery AJAX POST與GET之間的區(qū)別
- jquery post方式傳遞多個(gè)參數(shù)值后臺(tái)以數(shù)組的方式進(jìn)行接收
- jquery中g(shù)et,post和ajax方法的使用小結(jié)
- jquery向.ashx文件post中文亂碼問(wèn)題的解決方法
- jQuery post數(shù)據(jù)至ashx實(shí)例詳解
相關(guān)文章
jQuery實(shí)現(xiàn)個(gè)性翻牌效果導(dǎo)航菜單的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)個(gè)性翻牌效果導(dǎo)航菜單的方法,實(shí)例分析了jQuery操作animate、css及鼠標(biāo)事件的技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-03-03jQuery+SpringMVC中的復(fù)選框選擇與傳值實(shí)例
下面小編就為大家分享一篇jQuery+SpringMVC中的復(fù)選框選擇與傳值實(shí)例,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過(guò)來(lái)看看吧2018-01-01Jquery中children與find之間的區(qū)別詳細(xì)解析
這篇文章主要是對(duì)Jquery中children與find之間的區(qū)別進(jìn)行了詳細(xì)的分析介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-11-11基于jquery的點(diǎn)擊鏈接插入鏈接內(nèi)容的代碼
基于jquery的點(diǎn)擊鏈接插入鏈接內(nèi)容的代碼,感覺(jué)有bug,解決的朋友可以留言方便更多的朋友2012-07-07jQuery實(shí)現(xiàn)的數(shù)值范圍range2dslider選取插件特效多款代碼分享
這篇文章主要介紹了jQuery實(shí)現(xiàn)的數(shù)值范圍range2dslider選取插件特效,整體特效非常逼真自然,推薦給大家,有需要的小伙伴可以參考下2015-08-08jQuery實(shí)現(xiàn)html可聯(lián)動(dòng)的百分比進(jìn)度條
這篇文章主要介紹了jQuery實(shí)現(xiàn)html可聯(lián)動(dòng)的百分比進(jìn)度條,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-03-03jquery實(shí)現(xiàn)可橫向和豎向展開(kāi)的動(dòng)態(tài)下滑菜單效果
這篇文章主要介紹了jquery實(shí)現(xiàn)可橫向和豎向展開(kāi)的動(dòng)態(tài)下滑菜單效果,以實(shí)例形式較為詳細(xì)的分析了jquery實(shí)現(xiàn)橫向與豎向展開(kāi)菜單的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-08-08jQuery實(shí)現(xiàn)轉(zhuǎn)動(dòng)隨機(jī)數(shù)抽獎(jiǎng)效果的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)轉(zhuǎn)動(dòng)隨機(jī)數(shù)抽獎(jiǎng)效果的方法,涉及jQuery操作隨機(jī)數(shù)及頁(yè)面元素的相關(guān)技巧,需要的朋友可以參考下2015-05-05window.open不被攔截的實(shí)現(xiàn)代碼
打開(kāi)空白新窗口,再給新窗口的localtion賦值,需要的朋友可以參考下2012-08-08jQuery用noConflict代替$的實(shí)現(xiàn)方法
下面小編就為大家?guī)?lái)一篇jQuery用noConflict代替$的實(shí)現(xiàn)方法。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-04-04