JQuery中Ajax的Post提交在IE下中文亂碼的解決方法

2024-09-01 08:28:45

字體：大中小

供稿：網(wǎng)友

引言：在JQuery的Ajax POST請(qǐng)求中，進(jìn)行請(qǐng)求，其中的中文在后臺(tái)，顯示為亂碼，該如何解決呢？

問題的引入：
代碼如下:
var regid = $('#oregion').combobox('getValue');
//var sname = $('#sname').val();
var sname = encodeURI($('#sname').val(),"UTF-8");
if(regid!=""&®id!='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下，則存在問題，在后臺(tái)輸出的信息為亂碼。

問題嘗試辦法：

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

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

3. 在后臺(tái)的java代碼中，強(qiáng)制使用utf-8、gbk、gb2312的編碼轉(zhuǎn)換，問題依然存在

經(jīng)過分析，判斷其可能與瀏覽器或者JQuery中的內(nèi)容傳輸有關(guān)，目前也無法準(zhǔn)確的確定。

解決的辦法：

前段：encodeURI($(dom).val()， "UTF-8"); 使用encodeURI進(jìn)行編碼

后端Java代碼：

URLDecoder.decode(inputStr,"UTF-8")：后端代碼針對(duì)前段傳遞過來的字符串，進(jìn)行解碼。

總結(jié)：

最后就可以針對(duì)Ajax Post請(qǐng)求傳遞過來的字符串信息，就可以正常顯示中文了。

上一篇：$.ajax傳JSON數(shù)據(jù)到后臺(tái)的注意事項(xiàng)小結(jié)

下一篇：ajax跨域請(qǐng)求js拒絕訪問的解決方法