jquery ajax post提交數(shù)據(jù)亂碼
更新時間：2013年11月05日 16:29:11 作者：
今天發(fā)現(xiàn)在使用jquery ajax.post提交數(shù)據(jù)時會發(fā)現(xiàn)數(shù)據(jù)在ff正常，但在chrome與ie瀏覽器中post過去的數(shù)據(jù)全部是亂碼
在用jquery處理html5的應用的時候，一直在firefox下測試都正常，用戶用pad訪問的時候說有亂碼，
自己試驗了下果然，后發(fā)現(xiàn)chrome和ie內(nèi)核下都是有此問題，此問題設置了頁面屬性為utf-8時候，只有firefox是傳的charset=utf-8的頭文件
chrome和ie都沒有指定，所以出現(xià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(){
...
}
})
推薦使用第一種，不過也是根據(jù)自己的實際情況看的，有人推薦用 encodeURIComponent 做字符轉換
總結一下ajax 提交數(shù)據(jù)亂碼一些經(jīng)驗
為了避免亂碼，可以做到以下幾步
解決方法
1，保持編碼的統(tǒng)一，包括文件編碼，數(shù)據(jù)庫編碼，網(wǎng)頁content-type編碼
檢查一下<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″ />
建議中文都是用UTF-8，使用gbk/gb2312有可能會出現(xiàn)亂碼
2，使用post來發(fā)送而不是get
get方法是會通過鏈接來傳遞參數(shù)，而且會自動urlEncode(編碼)，而各個瀏覽器編碼的方式可能不太一樣。使用post可以避免這種情況。
3，通過在js前端escape編碼再發(fā)送，然后后臺解碼取得數(shù)據(jù)
這些可以在網(wǎng)上搜索
4，在全局設定contentType，指定編碼
因為jquery ajax是使用utf-8來編碼發(fā)送數(shù)據(jù)的，ie在發(fā)送時卻沒加上charset=utf-8，從而導致亂碼(IE默認使用iso-8859-1編碼)
$.ajaxSetup({
contentType: "application/x-www-form-urlencoded; charset=utf-8"
});
自己試驗了下果然，后發(fā)現(xiàn)chrome和ie內(nèi)核下都是有此問題，此問題設置了頁面屬性為utf-8時候，只有firefox是傳的charset=utf-8的頭文件
chrome和ie都沒有指定，所以出現(xià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(){
...
}
})
推薦使用第一種，不過也是根據(jù)自己的實際情況看的，有人推薦用 encodeURIComponent 做字符轉換
總結一下ajax 提交數(shù)據(jù)亂碼一些經(jīng)驗
為了避免亂碼，可以做到以下幾步
解決方法
1，保持編碼的統(tǒng)一，包括文件編碼，數(shù)據(jù)庫編碼，網(wǎng)頁content-type編碼
檢查一下<meta http-equiv=”content-type” content=”text/html; charset=UTF-8″ />
建議中文都是用UTF-8，使用gbk/gb2312有可能會出現(xiàn)亂碼
2，使用post來發(fā)送而不是get
get方法是會通過鏈接來傳遞參數(shù)，而且會自動urlEncode(編碼)，而各個瀏覽器編碼的方式可能不太一樣。使用post可以避免這種情況。
3，通過在js前端escape編碼再發(fā)送，然后后臺解碼取得數(shù)據(jù)
這些可以在網(wǎng)上搜索
4，在全局設定contentType，指定編碼
因為jquery ajax是使用utf-8來編碼發(fā)送數(shù)據(jù)的，ie在發(fā)送時卻沒加上charset=utf-8，從而導致亂碼(IE默認使用iso-8859-1編碼)
復制代碼 代碼如下:
$.ajaxSetup({
contentType: "application/x-www-form-urlencoded; charset=utf-8"
});
您可能感興趣的文章:
- Jquery中$.get(),$.post(),$.ajax(),$.getJSON()的用法總結
- jquery中$.post()方法的簡單實例
- javascript jQuery $.post $.ajax用法
- jQuery get和post 方法傳值注意事項
- jQuery中ajax的post()方法用法實例
- Jquery AJAX POST與GET之間的區(qū)別
- jquery post方式傳遞多個參數(shù)值后臺以數(shù)組的方式進行接收
- jquery中get,post和ajax方法的使用小結
- jquery向.ashx文件post中文亂碼問題的解決方法
- jQuery post數(shù)據(jù)至ashx實例詳解
相關文章
本文通過具體的實例向我們簡單介紹了jQuery的事件委托的實現(xiàn)方式，十分的簡單實用，有需要的小伙伴可以參考下。2015-07-07
說到模擬SELECT框，想必大家第一想到的就是使用javascript吧，其實是jquery也是可以做到的，下面有個不錯的示例，感興趣的朋友可以參考下2013-10-10
這篇文章主要介紹了jQuery基于cookie實現(xiàn)換膚功能,結合具體實例形式分析了jQuery使用cookie記錄與讀取用戶信息實現(xiàn)頁面樣式的操作方法,需要的朋友可以參考下2017-10-10
jquery checkbox全選、取消全選實現(xiàn)代碼
jquery實現(xiàn)checkbox全選、取消全選的代碼。2010-03-03
這篇文章主要介紹了jQuery實現(xiàn)手風琴效果，附帶蒙版特效，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-01-01
這篇文章主要介紹了jQuery中prevAll()方法用法,實例分析了prevAll()方法的功能、定義及查找匹配元素集合之前所有同輩元素的使用技巧,需要的朋友可以參考下2015-01-01
JQuery EasyUI 加載兩次url的原因分析及解決方案
這篇文章主要介紹了JQuery EasyUI 加載兩次url的原因分析及解決方案,需要的朋友可以參考下2014-08-08
本篇文章主要介紹了easyui-datagrid開發(fā)實踐(總結)，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-08-08
這篇文章主要介紹了jQuery中slice()方法用法,實例分析了slice()方法的功能、定義及選取匹配元素集子集的使用技巧,需要的朋友可以參考下2015-01-01
jQuery/JS監(jiān)聽input輸入框值變化實例
在本篇文章里小編給大家整理的是一篇關于jQuery/JS監(jiān)聽input輸入框值變化實例內(nèi)容，需要的朋友們學習下。2019-10-10