jquery ajax post提交數(shù)據(jù)亂碼

字號:


    在用jquery處理html5的應(yīng)用的時候,一直在firefox下測試都正常,用戶用pad訪問的時候說有亂碼,
    自己試驗了下果然,后發(fā)現(xiàn)chrome和ie內(nèi)核下都是有此問題,此問題設(shè)置了頁面屬性為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({
    ,
    type:post,
    data:data,
    contenttype:application/x-www-form-urlencoded; charset=utf-8,
    datatype:json,
    success: function(){
    ...
    }
    })
    推薦使用第一種,不過也是根據(jù)自己的實際情況看的,有人推薦用 encodeuricomponent 做字符轉(zhuǎn)換
    總結(jié)一下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,在全局設(shè)定contenttype,指定編碼
    因為jquery ajax是使用utf-8來編碼發(fā)送數(shù)據(jù)的,ie在發(fā)送時卻沒加上charset=utf-8,從而導(dǎo)致亂碼(ie默認使用iso-8859-1編碼)
    $.ajaxsetup({
    contenttype: application/x-www-form-urlencoded; charset=utf-8