如何解決Ajaxrequestresponse亂碼

如何解決Ajaxrequestresponse亂碼，針對這個問題，這篇文章詳細介紹了相對應的分析和解答，希望可以幫助更多想解決這個問題的小伙伴找到更簡單易行的方法。

奇怪的是今天出現了問題？？

代碼如下:

AjaxRequestObj.createEqStatusParameter=function() {     if (eqStatusArray.length < 1) {         return;     }     var paramNameArray = new Array();     var paramValueArray = new Array();     //取狀態數組     for (var index = 0, step = eqStatusArray.length; index < step; index++) {         var tempEqStatusObj = eqStatusArray[index];         paramNameArray.push(tempEqStatusObj.eqCode + "`" + tempEqStatusObj.opDateTime);         paramValueArray.push(tempEqStatusObj.status);     }     //分解、生成請求串。     var paramStr = "";     paramStr = paramStr.concat("eqStatusNames=").concat(encodeURIComponent(paramNameArray.join(","))).concat("&");     paramStr = paramStr.concat("eqStatusValues=").concat(encodeURIComponent(paramValueArray.join("`")));     return paramStr; };
xmlHttpObj.setRequestHeader("Content-Type","application/x-www-form-urlencoded") xmlHttpObj.send(param);

客戶端將參數以UTF-8方式傳遞給應用端，在使用此參數時直接從request中取就可以。
[Ajax接收響應信息]
直接使用forward跳轉實現div局部內容變更

代碼如下:

if ("doQueryRequest".equals(actParam)) { 
    EquipUtils equipUtilsObj = EquipUtils.getInstance(); 
    //取查詢參數、拼接 
    equipStatusMgrObj.setEquipCondition(equipUtilsObj.createEquipFilter(request)); 
    equipStatusMgrObj.setEquipStatusCondition(equipUtilsObj.getEquipStatusDate(request)); 
    //設備信息 
    List<DynaBean> equipArray = equipStatusMgrObj.queryEquip(null); 
    //設備狀態 
    Map<String, Map<String, String>> equipStatusMapping = 
        equipStatusMgrObj.queryEquipState4Map(equipArray, null); 
    sessionObj.setAttribute("paginationEntity", equipStatusMgrObj.getPaginationEntity()); 
    sessionObj.setAttribute("equipCondition", equipStatusMgrObj.getEquipCondition()); 
    sessionObj.setAttribute("eqStatusCondition", equipStatusMgrObj.getEquipStatusCondition()); 
    request.setAttribute("equipList", equipArray); 
    request.setAttribute("dateList", equipStatusMapping); 
    try { 
        request.getRequestDispatcher("/eq/detectPoint/InnerEqStatusRefresh.jsp").forward(request, response); 
    } catch (Exception e) { 
        e.printStackTrace(); 
    } 
} else if ("getPageToolBar".equals(actParam)) { 
    PaginationEntity pEntity = (PaginationEntity) sessionObj.getAttribute("paginationEntity"); 
    String tempStr = pEntity.getPaginationTool(); 
    OutputStream out; 
    try { 
        response.setContentType("text/html;charset=UTF-8"); 
        out = response.getOutputStream(); 
        out.write(tempStr.getBytes("UTF-8")); 
        out.flush(); 
        out.close(); 
    } catch (IOException e) { 
        e.printStackTrace(); 
    } 
}

因為，目前使用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

關于如何解決Ajaxrequestresponse亂碼問題的解答就分享到這里了，希望以上內容可以對大家有一定的幫助，如果你還有很多疑惑沒有解開，可以關注億速云行業資訊頻道了解更多相關知識。