JS传递中文参数出现乱码的解决办法

浏览数：29 / 时间：2015年06月09日

一、window.open() 乱码：　　

　　JS中使用window.open("url?param="+paramvalue)传递参数出现乱码，提交的时候，客户端浏览器URL中显示参数是正确的，

　　但是传到了服务器端是是乱码。这种情况下需要在客户端对该参数进行编码，然后在服务器端解码即可。

1、JS客户端编码:

　　var selStr=document.getElementsByName(‘selStr‘)[0].value;

　　selStr=encodeURI(encodeURI(selStr));

　　window.open(‘printWindow.do?bm=j&selStr=‘+selStr+‘‘);

注意：编码的时候需要使用两次encodeUri，写一个就是？？？？号，写两个则输出: %4d%5a这种。

2、服务器端解码:

　　String tempSelStrs=request.getParameter("selStr").toString();

　　String selStr=java.net.URLDecoder.decode(tempSelStrs,"UTF-8");

二、SpringMVC，在JS用GET方式向后台传参出现乱码：

JS中代码：

　　//显示我创建的任务
　　function showTask(){
　　　　var str1 = $("#str1").val();
　　　　window.location.href="${pageContext.servletContext.contextPath }/workbench/task/query.html?str1="+encodeURI(encodeURI(str1));//GET方式传参
　　}

后台代码：

　　@RequestMapping(value = "query", method = RequestMethod.GET)//声明是GET方式传参
    public String query(Model model, Task task, String pageNow,String pageSize, 
            HttpServletRequest request) {
        
        try {
            //解决GET方式传参时参数乱码的问题
            if(task.getStr1() != null ){
　　　　　　　　　 //将Bean中字段取出
                task.setStr1(java.net.URLDecoder.decode(task.getStr1(),"UTF-8"));
            }
            
            //获取登录用户信息
            User user = (User) request.getSession().getAttribute("homeUser");
            Integer userId = user.getUserId();//获取登录用户ID
            task.setUserId(userId);
            task.setUserNickName(user.getUserNickname()+";");//登录用户昵称
            task.setDoTaskId(String.valueOf(user.getUserId())+";");//登录用户ID
            
            //1、获取下拉框数据
            Map<String,List<Map<String,String>>> map = taskService.getDropDownData(userId);
            model.addAttribute("map", map);
            
            if("".equals(task.getStr1()) || task.getStr1()==null){
                task.setStr1("可输入任务、执行人查找");
            }
            model.addAttribute("task", task);
            
            PageView pageView = null;
            
            if (Common.isEmpty(pageNow)) {
                pageView = new PageView(1);
            } else {
                pageView = new PageView(Integer.parseInt(pageNow));
            }
            
            //选择分页条数
            if(pageSize!=null){
                pageView.setPageSize(Integer.parseInt(pageSize));
                model.addAttribute("pageSize", pageSize);
            } else {
                pageView.setPageSize(10);
                model.addAttribute("pageSize", 10);
            }
            
            //用于查询所有数据
            if("可输入任务、执行人查找".equals(task.getStr1())){
                task.setMyTask(null);
            }else{
                task.setMyTask(task.getStr1());
            }
            pageView = taskService.query(pageView, task);
            model.addAttribute("pageView", pageView);
            
        } catch (Exception e) {
            e.printStackTrace();
        }
        
        return Common.ROOT_PATH + "/workbench/task/list";
    }