首页 > 代码库 > JS传递中文参数出现乱码的解决办法

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

 

一、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="http://www.mamicode.com/${pageContext.servletContext.contextPath }/workbench/task/query.html?str1="+encodeURI(encodeURI(str1));//GET方式传参   }

 

后台代码:

  @RequestMapping(value = "http://www.mamicode.com/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"; }