Ajax request/response 亂碼
今天最早遇到一個脫離平台,單獨給使用者定製開發的關於狀態管理的功能局部重新整理出現亂碼的情況,仔細查了下代碼發現並無特殊之處,charset統一使用GB18030,ajax傳遞參數使用預設UTF-8,對傳遞的中文資訊手動轉碼。此功能已進入試用一周了,都沒有問題,奇怪的是今天出現了問題??
- [Ajax提交資訊]
AjaxRequestObj.createEqStatusParameter=function() {<br />if (eqStatusArray.length < 1) {<br />return;<br />}<br />var paramNameArray = new Array();<br />var paramValueArray = new Array();<br />//取狀態數組<br />for (var index = 0, step = eqStatusArray.length; index < step; index++) {<br />var tempEqStatusObj = eqStatusArray[index];<br />paramNameArray.push(tempEqStatusObj.eqCode + "`" + tempEqStatusObj.opDateTime);<br />paramValueArray.push(tempEqStatusObj.status);<br />}<br />//分解、產生請求串。<br />var paramStr = "";<br />paramStr = paramStr.concat("eqStatusNames=").concat(encodeURIComponent(paramNameArray.join(","))).concat("&");<br />paramStr = paramStr.concat("eqStatusValues=").concat(encodeURIComponent(paramValueArray.join("`")));<br />return paramStr;<br />};
xmlHttpObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded")
xmlHttpObj.send(param);
用戶端將參數以UTF-8方式傳遞給應用端,在使用此參數時直接從request中取就可以。
- [Ajax接收響應資訊]
直接使用forward跳轉實現div局部內容變更
if ("doQueryRequest".equals(actParam)) {<br />EquipUtils equipUtilsObj = EquipUtils.getInstance();<br />//取查詢參數、拼接<br />equipStatusMgrObj.setEquipCondition(equipUtilsObj.createEquipFilter(request));<br />equipStatusMgrObj.setEquipStatusCondition(equipUtilsObj.getEquipStatusDate(request));<br />//裝置資訊<br />List<DynaBean> equipArray = equipStatusMgrObj.queryEquip(null);<br />//裝置狀態<br />Map<String, Map<String, String>> equipStatusMapping =<br />equipStatusMgrObj.queryEquipState4Map(equipArray, null);<br />sessionObj.setAttribute("paginationEntity", equipStatusMgrObj.getPaginationEntity());<br />sessionObj.setAttribute("equipCondition", equipStatusMgrObj.getEquipCondition());<br />sessionObj.setAttribute("eqStatusCondition", equipStatusMgrObj.getEquipStatusCondition());<br />request.setAttribute("equipList", equipArray);<br />request.setAttribute("dateList", equipStatusMapping);<br />try {<br />request.getRequestDispatcher("/eq/detectPoint/InnerEqStatusRefresh.jsp").forward(request, response);<br />} catch (Exception e) {<br />e.printStackTrace();<br />}<br />} else if ("getPageToolBar".equals(actParam)) {<br />PaginationEntity pEntity = (PaginationEntity) sessionObj.getAttribute("paginationEntity");<br />String tempStr = pEntity.getPaginationTool();<br />OutputStream out;<br />try {<br />response.setContentType("text/html;charset=UTF-8");<br />out = response.getOutputStream();<br />out.write(tempStr.getBytes("UTF-8"));<br />out.flush();<br />out.close();<br />} catch (IOException e) {<br />e.printStackTrace();<br />}<br />}
- 因為,目前使用xmlHttpObj.responseText,responseText預設就是UTF-8所以將跳轉的頁面弄成UTF-8是不錯的選擇。至少不用擔心亂碼。。
- [亂碼原因]
之前此功能使用的是GB18030編碼,到修改為止在其它客戶機以及同事的機器上都非常正常,但就是我自己的機器翻頁出現亂碼。當我將此功能所用到的呈現檔案統一使用UTF-8就ok了,也不知那xmlHttpObj觸動了機器的那個神經。。查了些資料也都是說搞國際化的趨勢,問題是解決了但原因沒有找到!
- [發現一Bug]
response.setContentType("text/html;charset=UTF8");在我機器上不拋錯,但在同事的機器上就會拋錯
改成response.setContentType("text/html;charset=UTF-8");一切OK..
z