【前台 乱码】 前台单独乱码+后台往前台传输的数据乱码

简介: 解决方法: 第一:      这句话是加在每个页面的最上面,在之前加的  并且  request.setCharacterEncoding("gb2312");第二:   配置Tomcat的 server.xml。

解决方法:

第一:
  <%@ page language="java" import="java.util.*" pageEncoding="UTF-8" contentType="text/html; charset=UTF-8"%> 

  这句话是加在每个页面的最上面,在<!DOCTYPE html>之前加的
  并且
  request.setCharacterEncoding("gb2312");
第二:
   配置Tomcat的 server.xml。

  <Connector port="8080" protocol="HTTP/1.1" connectionTimeout="20000" redirectPort="8443" URIEncoding="UTF-8" />
  <Connector port="8009" protocol="AJP/1.3" redirectPort="8443"  URIEncoding="UTF-8"/>
第三:
  配置 web.xml  
     <filter>
      <filter-name>setEncoding</filter-name>
      <filter-class>com.dinner.filter.CharsetFilters</filter-class>
      <init-param>
         <param-name>coding</param-name>
         <param-value>UTF-8</param-value>
      </init-param>
     </filter>
     <filter-mapping>
        <filter-name>setEncoding</filter-name>
        <url-pattern>/*</url-pattern>
     </filter-mapping>
第四:
  工程编码
     开发中发现Windows版Eclipse默认Java和Web工程的默认编码方式不那么遂人愿,修改方法如下:
     1. Web工程文件编码修改方式
       Window -> Preference -> Content types
       推荐将Web相关文件的编码都设置为UTF-8
     2. Java源文件编码修改方式
       Window -> Preference -> Workspace -> Text file encoding
       Windows平台默认为GBK,Linux平台默认为UTF-8

第五:

  如果使用ajax前后台数据交互,可以改变传输方式,将type设置为post

  

$.ajax({url:"productAdd.htmls",
                        type:"post",
                        data:{
                            "productName" : productName,
                            "productCre" : productCre
                        },
                        success:function(data){
                            if(data != null){
                                var product = eval("("+data+")");
                                temp="<tr class='text-c'><td><input type='checkbox' value='"+product.productId+
                                "'></td><td>"+product.productName+"</td><td><a href='checkdisease.htmls'>【查看疾病信息】</a><a href='updateproduct.htmls'>【更新】</a></td></tr>";
                                $('.table-bordered tbody tr:first' , parent.document).before(temp);
                                $('.table-bordered tbody tr:last' , parent.document).remove();
                            }    
                            // var index = parent.layer.getFrameIndex(window.name); 可以用这个获取当前要关闭的layer ,也可以使用parent.indexProductAdd 获取在父层定义的那个layer。open()的弹窗
                            parent.layer.close(parent.indexProductAdd); //获取到layer的弹出窗 关闭它  
                }});

 

这样即可以解决!!!

第六:

在type不能设置为post的情况下,可以在后台接收到数据之后,自行进行解码

【 URLDecoder.decode(condition, "utf-8");】参数1:字符串    参数2:编码方式

@RequestMapping(value= "/statistics" ,produces = "text/html;charset=UTF-8")
    @ResponseBody 
    public String statistics(HttpServletRequest request,String condition,String  questOptions) throws UnsupportedEncodingException{
        questOptions = questOptions.replaceAll("category=", "");
        String [] questArr = questOptions.split("&");
        
        condition = URLDecoder.decode(condition, "utf-8");
        System.out.println(condition);
        System.out.println(questOptions);
        return null;
    }

在这里 获取到转码后的字符串的 效果 比【new String(str.getBytes("ISO-8859-1"),"utf-8")】要好得多!

 

 

第七:

  整个项目,单页面跳转的情况下,出现乱码问题怎么解决?

跳转到:http://www.cnblogs.com/sxdcgaq8080/p/8085680.html

 

相关文章
|
2月前
软件界面有乱码是什么原因,如何解决?
软件界面有乱码是什么原因,如何解决?
206 0
|
5月前
|
前端开发
怎么查看前端表单提交到后台的所有参数
怎么查看前端表单提交到后台的所有参数
18 0
|
10月前
|
小程序 API 定位技术
根据后台数据标点
根据后台数据标点
40 0
|
10月前
|
前端开发 数据库
后端返回数据前端显示为问号和乱码
后端返回数据前端显示为问号和乱码
194 0
|
11月前
|
JSON 小程序 数据格式
零基础学小程序003----请求服务器数据,请求后台json数据
零基础学小程序003----请求服务器数据,请求后台json数据
198 0
|
运维 前端开发 安全
问题记录:前后端交互无返回,后台服务正常
业务产线反馈商户入住提示服务连接失败,然后要到客户的账号密码,进入系统发现服务确实连接失败, 打开network查看请求的响应,发现请求石沉大海,根本没有到达服务器。
174 0
|
前端开发 Go API
go 数据导出Excel&前台接收后端返回文件流并在浏览器提供下载
go 数据导出Excel&前台接收后端返回文件流并在浏览器提供下载
698 0
go 数据导出Excel&前台接收后端返回文件流并在浏览器提供下载
|
存储 JSON 前端开发
表白墙服务器版【交互接口、服务器端代码、前端代码、数据存入文件/数据库】
表白墙服务器版【交互接口、服务器端代码、前端代码、数据存入文件/数据库】
表白墙服务器版【交互接口、服务器端代码、前端代码、数据存入文件/数据库】
|
Web App开发 存储 缓存
【7000字】一晚上爆肝浏览器从输入到渲染完毕原理
Chrome comic,推荐一本Chrome架构简要概述的漫画,Chrome架构于2008年同Chrome浏览器一起发布,原文地址,中文翻译。
174 0
|
缓存 小程序 前端开发