快捷導(dǎo)航

Ajax request response 亂碼解決方法

更新時間：2009年05月20日 01:47:30 作者：

今天最早遇到一個脫離平臺，單獨給用戶定制開發(fā)的關(guān)于狀態(tài)管理的功能局部刷新出現(xiàn)亂碼的情況，仔細查了下代碼發(fā)現(xiàn)并無特殊之處，charset統(tǒng)一使用GB18030，ajax傳遞參數(shù)使用默認UTF-8，對傳遞的中文信息手動轉(zhuǎn)碼。

此功能已進入試用一周了，都沒有問題，奇怪的是今天出現(xiàn)了問題？？

復(fù)制代碼代碼如下:

AjaxRequestObj.createEqStatusParameter=function() { 
    if (eqStatusArray.length < 1) { 
        return; 
    } 
    var paramNameArray = new Array(); 
    var paramValueArray = new Array(); 
    //取狀態(tài)數(shù)組 
    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);
客戶端將參數(shù)以UTF-8方式傳遞給應(yīng)用端，在使用此參數(shù)時直接從request中取就可以。
[Ajax接收響應(yīng)信息]
直接使用forward跳轉(zhuǎn)實現(xiàn)div局部內(nèi)容變更

復(fù)制代碼代碼如下:

if ("doQueryRequest".equals(actParam)) { 
    EquipUtils equipUtilsObj = EquipUtils.getInstance(); 
    //取查詢參數(shù)、拼接 
    equipStatusMgrObj.setEquipCondition(equipUtilsObj.createEquipFilter(request)); 
    equipStatusMgrObj.setEquipStatusCondition(equipUtilsObj.getEquipStatusDate(request)); 
    //設(shè)備信息 
    List<DynaBean> equipArray = equipStatusMgrObj.queryEquip(null); 
    //設(shè)備狀態(tài) 
    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所以將跳轉(zhuǎn)的頁面弄成UTF-8是不錯的選擇。至少不用擔心亂碼。。
[亂碼原因]
之前此功能使用的是GB18030編碼，到修改為止在其它客戶機以及同事的機器上都非常正常，但就是我自己的機器翻頁出現(xiàn)亂碼。當我將此功能所用到的呈現(xiàn)文件統(tǒng)一使用UTF-8就ok了，也不知那xmlHttpObj觸動了機器的那個神經(jīng)。。查了些資料也都是說搞國際化的趨勢,問題是解決了但原因沒有找到!
[發(fā)現(xiàn)一Bug]
response.setContentType("text/html;charset=UTF8");在我機器上不拋錯，但在同事的機器上就會拋錯
改成response.setContentType("text/html;charset=UTF-8");一切OK..

您可能感興趣的文章: