Ajax request response 乱码解决方法

 更新时间:2009年05月20日 01:47:30   作者:  
今天最早遇到一个脱离平台,单独给用户定制开发的关于状态管理的功能局部刷新出现乱码的情况,仔细查了下代码发现并无特殊之处,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..

相关文章

  • AJAX避免用户重复提交请求实现方案

    AJAX避免用户重复提交请求实现方案

    为了避免因某些原因用户同时多次点击按钮,提交重复的请求,我们需要禁用请求提交按钮,接下来与大家一起分享下实现方法
    2013-04-04
  • Ajax实现搜索功能的分页

    Ajax实现搜索功能的分页

    这篇文章主要为大家详细介绍了Ajax实现搜索功能的分页,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2019-07-07
  • 无框架 Ajax分页(原创)

    无框架 Ajax分页(原创)

    最近想做一个Ajax的功能,网上一搜几乎全是基于某某框架的Ajax分页,要么需给页面加上<scriptManager></scriptManager>,要么需引入某dll,要么需使用类似于jquery的框架。
    2009-08-08
  • 基于Ajax的formData图片和数据上传

    基于Ajax的formData图片和数据上传

    这篇文章主要为大家详细介绍了基于Ajax的formData图片和数据上传相关资料,具有一定的参考价值,感兴趣的小伙伴们可以参考一下
    2017-05-05
  • 自己动手打造ajax图片上传(网上没有的)

    自己动手打造ajax图片上传(网上没有的)

    需要一款图片上传插件,但是网上没有提供一款符合自己需求且好用的。于是就自己动手写了一个,需要的朋友可以参考下
    2014-06-06
  • Ajax 程序开发中常见问题

    Ajax 程序开发中常见问题

    Ajax 程序开发中常见问题,利用大家快点的找到问题所在,快速解决问题。
    2009-08-08
  • 基于Ajax技术实现文件上传带进度条

    基于Ajax技术实现文件上传带进度条

    这篇文章主要介绍了基于Ajax技术实现文件上传带进度条的相关资料,非常不错,具有参考借鉴价值,需要的朋友可以参考下
    2016-06-06
  • 浅析Ajax的 原理及优缺点

    浅析Ajax的 原理及优缺点

    本文从ajax技术的背景、原理、ajax的名字,ajax所包含的技术等方面展开话题,介绍ajax的原理及优缺点。本文关于ajax的原理及优缺点介绍的非常详细,具有参考借鉴价值,感兴趣的小伙伴一起学习吧
    2016-04-04
  • ajax中文乱码问题解决方案

    ajax中文乱码问题解决方案

    ajax中文乱码问题在中文中经常会出现这种问题,其实只要稍加注意就不会出现ajax中文乱码这回事情了,接下来为大家详细介绍下如何解决这类问题
    2013-04-04
  • Ajax跨域问题及解决方案(jsonp,cors)

    Ajax跨域问题及解决方案(jsonp,cors)

    远程服务器上设法动态的把数据装进js格式的文本代码段中,供客户端调用和进一步处理。这篇文章主要介绍了ajax跨域问题解决方案(jsonp,cors) ,需要的朋友可以参考下
    2019-06-06

最新评论