如何解決JQuery ajaxSubmit提交中文亂碼
一般人使用是
jQuery(form).ajaxSubmit({
url: "ajaxsub.aspx?abc=test",
type: "post",
dataType: "json",
success: data
});
分析：JQuery的AJAX提交，會(huì)將要提交的數(shù)據(jù)進(jìn)行編碼，使用encodeURIComponent在js中處理數(shù)據(jù)。因此，無論是 Firefox或者IE，提交的數(shù)據(jù)都是一致的，都是UTF-8編碼后的數(shù)據(jù)。
查看Header，發(fā)現(xiàn)Entity中的Content-Type存在差異
在Firefox中，Content-Type指定了字符集為utf-8。
而IE里面卻沒有任何字符集指定，
顯然，默認(rèn)情況下，AJAX的異步提交的字符編碼應(yīng)該和網(wǎng)頁本身保持一致，也就是說，Server端在沒有發(fā)現(xiàn)顯示的charset指定的情 況下，使用gb2312來解碼數(shù)據(jù)（但是數(shù)據(jù)在提交前已經(jīng)被UTF-8編碼了），這就是為什么在IE下會(huì)出現(xiàn)亂碼的根源，而在Firefox下，瀏覽器在 提交AJAX數(shù)據(jù)的時(shí)候，加上了charset的顯示指定，導(dǎo)致Server端采用UTF-8來解碼數(shù)據(jù)（正確解碼）。
查閱JQuery的AJAX工具函數(shù)的說明，發(fā)現(xiàn)options中有一個(gè)指定content-type的參數(shù)
所以在提交的時(shí)候要指定編碼類型
contentType: "application/x-www-form-urlencoded; charset=utf-8",
即如下
jQuery(form).ajaxSubmit({
url: "ajaxsub.aspx?abc=test",
type: "post",
dataType: "json",
contentType: "application/x-www-form-urlencoded; charset=utf-8",
success: data
});
以上內(nèi)容給大家分享了如何解決JQuery ajaxSubmit提交中文亂碼，希望對(duì)大家有所幫助。
- jQuery中的AjaxSubmit使用講解
- 淺談jquery.form.js的ajaxSubmit和ajaxForm的使用
- jQuery ajaxSubmit 實(shí)現(xiàn)ajax提交表單局部刷新
- jQuery form插件之a(chǎn)jaxForm()和ajaxSubmit()的可選參數(shù)項(xiàng)對(duì)象
- jQuery使用ajaxSubmit()提交表單示例
- jquery ajaxSubmit 異步提交的簡單實(shí)現(xiàn)
- jquery的ajaxSubmit()異步上傳圖片并保存表單數(shù)據(jù)演示代碼
- Jquery ajaxsubmit上傳圖片實(shí)現(xiàn)代碼
- 如何理解jQuery中的ajaxSubmit方法
相關(guān)文章
用Ajax讀取XML格式的數(shù)據(jù)...2006-11-11
springmvc 結(jié)合ajax批量新增的實(shí)現(xiàn)方法
這篇文章主要介紹了springmvc 結(jié)合ajax批量新增的實(shí)現(xiàn)方法，本文通過實(shí)例代碼給大家介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2020-11-11
這篇文章主要為大家詳細(xì)介紹了Ajax結(jié)合PHP session制作購物車，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2017-06-06
通過history解決ajax不支持前進(jìn)/后退/刷新的問題
下面小編就為大家?guī)硪黄ㄟ^history解決ajax不支持前進(jìn)/后退/刷新的問題。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2017-07-07
今天小編就為大家分享一篇關(guān)于Ajax報(bào)錯(cuò)400的參考解決辦法，小編覺得內(nèi)容挺不錯(cuò)的，現(xiàn)在分享給大家，具有很好的參考價(jià)值，需要的朋友一起跟隨小編來看看吧2018-10-10
XMLHttpRequest of ajax...2006-06-06
這篇文章主要介紹了Ajax上傳圖片的本質(zhì)的相關(guān)資料,需要的朋友可以參考下2016-03-03
ajax實(shí)現(xiàn)從后臺(tái)拿數(shù)據(jù)顯示在HTML前端的方法
今天小編就為大家分享一篇ajax實(shí)現(xiàn)從后臺(tái)拿數(shù)據(jù)顯示在HTML前端的方法，具有很好的參考價(jià)值，希望對(duì)大家有所幫助。一起跟隨小編過來看看吧2018-08-08
不使用XMLHttpRequest對(duì)象實(shí)現(xiàn)Ajax效果的方法小結(jié)
這篇文章主要介紹了不使用XMLHttpRequest對(duì)象實(shí)現(xiàn)Ajax效果的方法,結(jié)合具體實(shí)例形式分析了三種不使用XMLHttpRequest對(duì)象實(shí)現(xiàn)Ajax功能的相關(guān)實(shí)現(xiàn)技巧與操作注意事項(xiàng),需要的朋友可以參考下2019-07-07
編寫輕量ajax組件01-與webform平臺(tái)上的各種實(shí)現(xiàn)方式比較
這篇文章主要介紹了編寫輕量ajax組件01-與webform平臺(tái)上的各種實(shí)現(xiàn)方式比較,需要的朋友可以參考下2015-11-11