Ajax request response 乱码解决方法
网络编程 2021-07-05 10:37www.168986.cn编程入门
今天最早遇到一个脱离平台,单独给用户定制开发的关于状态管理的功能局部刷新出现乱码的情况,仔细查了下代码发现并无特殊之处,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--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..
代码如下:
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--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 表单验证 实现代码
编程语言
- 如何快速学会编程 如何快速学会ug编程
- 免费学编程的app 推荐12个免费学编程的好网站
- 电脑怎么编程:电脑怎么编程网咯游戏菜单图标
- 如何写代码新手教学 如何写代码新手教学手机
- 基础编程入门教程视频 基础编程入门教程视频华
- 编程演示:编程演示浦丰投针过程
- 乐高编程加盟 乐高积木编程加盟
- 跟我学plc编程 plc编程自学入门视频教程
- ug编程成航林总 ug编程实战视频
- 孩子学编程的好处和坏处
- 初学者学编程该从哪里开始 新手学编程从哪里入
- 慢走丝编程 慢走丝编程难学吗
- 国内十强少儿编程机构 中国少儿编程机构十强有
- 成人计算机速成培训班 成人计算机速成培训班办
- 孩子学编程网上课程哪家好 儿童学编程比较好的
- 代码编程教学入门软件 代码编程教程