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

前端之家收集整理的这篇文章主要介绍了$('#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;
    }

猜你在找的Ajax相关文章