DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> AJAX入門 >> AJAX基礎知識 >> Ajax request response 亂碼解決方法
Ajax request response 亂碼解決方法
編輯:AJAX基礎知識     
此功能已進入試用一周了,都沒有問題,奇怪的是今天出現了問題??
復制代碼 代碼如下:
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..
XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved