使用ajax向后台传值的时候。用到data:$(“#form”).serialize()来传递数据。后台接收到的数据中中文为乱码。
百度之后,给出的方案无外乎两点,一是serialize()本身就对表单数据进行了一次编码,直接传到后台就会导致后台接收到的为乱码。二是ajax中应当设定type:”POST”。三是使用类似于URL中传中文参数出现乱码的解决方案。传参时,使用两个encodeURI进行编码。后台接收到参数时,再嵌套两层URLdecoder进行解码。
我尝试了上述三种方案,都没有起到很好的作用。后来多次调试之后,发现方案一其实是有效的,但是要求后台接收到的表单参数是封装到特定实体中的。
嗯,直接说比较难说清楚,这边直接放上我的代码:
JS部分:
function getAjaxListPage(pageNo,pageSize) {
$("#pageNo").val(pageNo);
$("#pageSize").val(pageSize);
var formStr=$('#form').serialize();
formStr = decodeURIComponent(formStr,true);//对serialize后的参数值进行一次解码,防止中文乱码
/*AJAX查询所有的商家列表*/
$.ajax({
type:"POST",//使用post方式传值
url:"queryStoreWindowList.htm",data:formStr,async:true,success:function(data) {
console.info(data.areacode);
}
});
}
后台接收数据
@RequestMapping("/queryStoreWindowList")
@ResponseBody
public Map<String,Object> queryStoreWindowList(PageBean pageBean,HttpServletRequest request,HttpServletResponse response,StoreInfo storeInfo) {
// 设置PageBean的url为 smsForKeyWordRele.htm
pageBean.setUrl("queryStoreWindowList.htm");
Map<String,Object> params = new HashMap<String,Object>();
/* *注意以下部分!这里将form传递过来的参数都封装在了StoreInfo实体中,然后使用时将参数取出,此时中文就已经成功解析出来了。但是,看后面注释掉的语句,如果使用request.getParameter()方法,获得的参数还是乱码。就算是再叠加解码也不起作用。 */
String areaId = storeInfo.getAreaId();//request.getParameter("areaId");
String companyName = storeInfo.getCompanyName();//request.getParameter("companyName");
String companyTel = storeInfo.getCompanyTel();//request.getParameter("companyTel");
String areacode = (String) request.getSession().getAttribute("areaCode");// 管理员地市
if(!"0590".equals(areacode)) {
areaId = areacode;
}
params.put("areaId",areaId);
params.put("companyName",companyName);
params.put("companyTel",companyTel);
// 分页数据
pageBean = smsService.queryStoreWindowList(pageBean,params);
// 遍历分权分域
Map<String,Object> resultMap = new HashMap<>();
resultMap.put(PAGEBEAN,pageBean);
resultMap.put("areaId",areaId);
resultMap.put("areacode",areacode);
resultMap.put("companyName",companyName);
resultMap.put("companyTel",companyTel);
return resultMap;
}