$('#form').serialize()传值中文乱码

使用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;
    }

原文地址：https://www.jb51.cc/ajax/160938.html

$('#form').serialize()传值中文乱码

相关推荐