OStack程序员社区-中国程序员成长平台 › 门户 ›编程› AJAX› AJAX编程经验 › 查看内容

Ajax request response 乱码解决方法

2022-2-5 17:01| 发布者: 菜鸟教程小白| 查看: 318| 评论: 0|原作者: [db:作者]|来自: [db:来源]

摘要: 今天最早遇到一个脱离平台，单独给用户定制开发的关于状态管理的功能局部刷新出现乱码的情况，仔细查了下代码发现并无特殊之处，charset统一使用GB18030，ajax传递参数使用默认UTF-8，对传递的中文信息手动转码。 ...

此功能已进入试用一周了，都没有问题，奇怪的是今天出现了问题？？

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..