歡迎來到Linux教程網
Linux教程網
Linux教程網
Linux教程網
Linux教程網 >> Linux編程 >> Linux編程 >> jQuery中Ajax的Post提交中文亂碼的解決方案

jQuery中Ajax的Post提交中文亂碼的解決方案

日期:2017/3/1 9:44:03   编辑:Linux編程

引言: 在jQuery的Ajax POST請求中,進行請求,其中的中文在後台,顯示為亂碼,該如何解決呢?

問題的引入:

var regid = $('#oregion').combobox('getValue');
//var sname = $('#sname').val();
var sname = encodeURI($('#sname').val(),"UTF-8");
if(regid!=""&&regid!='undefined'){
$.ajax({
async: true,
type : "POST",
dataType : "json",
url : "<%=request.getContextPath() %>/secretary/isHaSUSEr.do?regid="+regid+"&sname="+sname,
success : function(data) {
if(data.mes!=""&&data.mes!=null){
$.messager.alert('Warning',data.mes);
return false;
}
}
});
}
}

以上的代碼在FF/Chrome中,可以正常傳遞中文,但是在IE下,則存在問題,在後台輸出的信息為亂碼。

問題嘗試辦法:

1. 設置了 contentType: "text/plain; charset=utf-8", 問題依然存在

2. 重新檢查了ajax代碼所在的jsp頁面,皆為使用utf-8,但是問題依然存在

3. 在後台的java代碼中,強制使用utf-8、gbk、gb2312的編碼轉換, 問題依然存在

經過分析,判斷其可能與浏覽器或者JQuery中的內容傳輸有關,目前也無法准確的確定。

解決的辦法:

前段:encodeURI($(dom).val(), "UTF-8"); 使用encodeURI進行編碼

後端Java代碼:


URLDecoder.decode(inputStr,"UTF-8"): 後端代碼針對前段傳遞過來的字符串,進行解碼。

總結:

最後就可以針對Ajax Post請求傳遞過來的字符串信息,就可以正常顯示中文了。

--------------------------------------分割線 --------------------------------------

jQuery權威指南 PDF版中文+配套源代碼 http://www.linuxidc.com/Linux/2013-10/91059.htm

jQuery實戰 中文PDF+源碼 http://www.linuxidc.com/Linux/2013-09/90631.htm

《jQuery即學即用(雙色)》 PDF+源代碼 http://www.linuxidc.com/Linux/2013-09/90383.htm

鋒利的jQuery(第2版) 完整版PDF+源碼 http://www.linuxidc.com/Linux/2013-10/91527.htm

jQuery完成帶復選框的表格行高亮顯示 http://www.linuxidc.com/Linux/2013-08/89406.htm

jQuery基礎教程(第4版) PDF 完整高清版+配套源碼 http://www.linuxidc.com/Linux/2014-03/98162.htm

--------------------------------------分割線 --------------------------------------

jQuery 的詳細介紹:請點這裡
jQuery 的下載地址:請點這裡

Copyright © Linux教程網 All Rights Reserved