快捷導(dǎo)航

Ajax request response 亂碼解決方法

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

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

此功能已進(jìn)入試用一周了，都沒(méi)有問(wèn)題，奇怪的是今天出現(xiàn)了問(wè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); 
    } 
    //分解、生成請(qǐng)求串。 
    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);
客戶(hù)端將參數(shù)以UTF-8方式傳遞給應(yīng)用端，在使用此參數(shù)時(shí)直接從request中取就可以。
[Ajax接收響應(yīng)信息]
直接使用forward跳轉(zhuǎn)實(shí)現(xiàn)div局部?jī)?nèi)容變更

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

if ("doQueryRequest".equals(actParam)) { 
    EquipUtils equipUtilsObj = EquipUtils.getInstance(); 
    //取查詢(xún)參數(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(); 
    } 
}

因?yàn)椋壳笆褂脁mlHttpObj.responseText,responseText默認(rèn)就是UTF-8所以將跳轉(zhuǎn)的頁(yè)面弄成UTF-8是不錯(cuò)的選擇。至少不用擔(dān)心亂碼。。
[亂碼原因]
之前此功能使用的是GB18030編碼，到修改為止在其它客戶(hù)機(jī)以及同事的機(jī)器上都非常正常，但就是我自己的機(jī)器翻頁(yè)出現(xiàn)亂碼。當(dāng)我將此功能所用到的呈現(xiàn)文件統(tǒng)一使用UTF-8就ok了，也不知那xmlHttpObj觸動(dòng)了機(jī)器的那個(gè)神經(jīng)。。查了些資料也都是說(shuō)搞國(guó)際化的趨勢(shì),問(wèn)題是解決了但原因沒(méi)有找到!
[發(fā)現(xiàn)一Bug]
response.setContentType("text/html;charset=UTF8");在我機(jī)器上不拋錯(cuò)，但在同事的機(jī)器上就會(huì)拋錯(cuò)
改成response.setContentType("text/html;charset=UTF-8");一切OK..

您可能感興趣的文章: