溫馨提示×

溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊×
其他方式登錄
點擊 登錄注冊 即表示同意《億速云用戶服務(wù)條款》

Java如何解決前端數(shù)據(jù)處理及亂碼問題

發(fā)布時間：2021-12-27 17:34:24 來源：億速云 閱讀：271 作者：柒染 欄目：開發(fā)技術(shù)

本篇文章為大家展示了Java如何解決前端數(shù)據(jù)處理及亂碼問題，內(nèi)容簡明扼要并且容易理解，絕對能使你眼前一亮，通過這篇文章的詳細介紹希望你能有所收獲。

    一、數(shù)據(jù)處理

    1. 處理提交數(shù)據(jù)

    1.提交的名稱和方法的參數(shù)名一致

    //localhost:8080/user/t1?name=xxx;
@GetMapping("/t1")
public String test1(String name, Model model){
    //1.接收前端參數(shù)
    System.out.println("接收到前端的參數(shù)為:" + name);
    //2.將返回的結(jié)果傳遞給前端
    model.addAttribute("msg", name);
    //3.跳轉(zhuǎn)視圖
    return "test";
}

    2.提交的名稱和方法的參數(shù)名不一致

    //加上@RequestParam("username")就知道是從前端接收過來localhost:8080/user/t1?username=xxx;。此時必須要通過username識別
@GetMapping("/t1")
public String test1(@RequestParam("username") String name, Model model){
    //1.接收前端參數(shù)
    System.out.println("接收到前端的參數(shù)為:" + name);
    //2.將返回的結(jié)果傳遞給前端
    model.addAttribute("msg", name);
    //3.跳轉(zhuǎn)視圖
    return "test";
}

    3.提交一個對象

    //前端接收的是一個對象：id， name， age
//localhost:8080/user/t1?id=1&name=xxx&age=2;
/*
* 1.接收前端用戶傳遞的參數(shù)，判斷參數(shù)的名字，假設(shè)名字直接在方法上可以直接使用
* 2.假設(shè)傳遞的是一個對象User，匹配User對象中的字段名：如果名字一致則ok。否則匹配不到
*
* */
@GetMapping("/t2")
public String test2(User user){
    System.out.println(user);
    //3.跳轉(zhuǎn)視圖
    return "test";
}

    使用對象，前端傳遞的參數(shù)名和對象名必須一致，否則為空。

    2. 數(shù)據(jù)顯示到前端

    2.1 ModelAndView

    public ModelAndView handleRequest(HttpServletRequest httpServletRequest, HttpServletResponse httpServletResponse) throws Exception {
    ModelAndView modelAndView = new ModelAndView();
    modelAndView.addObject("msg","ControllerTest1");
    modelAndView.setViewName("test");
    return modelAndView;
}

    2.2 Model

    @RequestMapping("/t2")
public String test(Model model){
    model.addAttribute("msg", "ControllerTest2");
    return "test";
}

    2.3 ModelMap

    @GetMapping("/t3")
public String test3(@RequestParam("username") String name,Model map){
    map.addAttribute("name",name);
    return "test";
}

    對比：

    • ModelAndView 可以在儲存數(shù)據(jù)的同時，可以進行設(shè)置返回的邏輯視圖，進行控制展示層的跳轉(zhuǎn)。

    • ModelMap 繼承了 LinkedHashMap ，除了實現(xiàn)了自身的一些方法，同樣的繼承 LinkedHashMap 的方法和特性；

    • Model 少數(shù)方法適合用于儲存數(shù)據(jù)，簡化了新手對于Model對象的操作和理解；大部分情況下直接使用Model

    二、亂碼問題

    1.form表單

     <%@ page contentType="text/html;charset=UTF-8" language="java" %>
 <html>
 <head>
     <title>Title</title>
 </head>
 <body>
 <form action="/encoding/t1" method="post">
     <input type="text" name="name">
     <input type="submit">
 </form>
 </body>
 </html>

    2.寫一個controller

    @Controller
public class EncodingController {
    @PostMapping("/encoding/t1")
    public String test(String name, Model model){
        model.addAttribute("msg",name);
        return "test";
    }
}

    3.測試結(jié)果

    Java如何解決前端數(shù)據(jù)處理及亂碼問題

    前面弄得好好的，結(jié)果出了個這

    解決辦法：

    看一下自己Tomcat中的是不是設(shè)置的UTF-8。在自己下載路徑下-conf-server.xml

    <Connector connectionTimeout="20000" port="8080" protocol="HTTP/1.1" redirectPort="8443" URLEncoding="UTF-8"/>

    1)修改提交方式

    把提交方式post方法改成get方法

    2)Spring提供了過濾器，可以在web.xml中直接配置。（這個基本夠用）

    <!--2.配置 SpringMVC的亂碼過濾-->
<filter>
    <filter-name>encoding</filter-name>
    <filter-class>org.springframework.web.filter.CharacterEncodingFilter</filter-class>
    <init-param>
        <param-name>encoding</param-name>
        <param-value>utf-8</param-value>
    </init-param>
</filter>
<filter-mapping>
    <filter-name>encoding</filter-name>
    <url-pattern>/*</url-pattern>
</filter-mapping>

    3)過濾器解決（這個不行，功能不全）

    package com.hxl.filter;

import javax.servlet.*;
import java.io.IOException;

public class EncodingFilter implements Filter {


    @Override
    public void init(FilterConfig filterConfig) throws ServletException {

    }

    @Override
    public void doFilter(ServletRequest servletRequest, ServletResponse servletResponse, FilterChain filterChain) throws IOException, ServletException {
        servletRequest.setCharacterEncoding("utf-8");
        servletResponse.setCharacterEncoding("utf-8");
        filterChain.doFilter(servletRequest,servletResponse);
    }

    @Override
    public void destroy() {

    }
}

    寫完就要去注冊（web.xml）

    <filter>
    <filter-name>encoding</filter-name>
    <filter-class>com.hxl.filter.EncodingFilter</filter-class>
</filter>
<filter-mapping>
    <filter-name>encoding</filter-name>
    <url-pattern>/</url-pattern>
</filter-mapping>

    4)大神自定義過濾器

    package com.hxl.filter;

import javax.servlet.*;
import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletRequestWrapper;
import javax.servlet.http.HttpServletResponse;
import java.io.IOException;
import java.io.UnsupportedEncodingException;
import java.util.Map;

/**
 * 解決get和post請求 全部亂碼的過濾器
 */
public class EncodingFilter implements Filter {

    @Override
    public void destroy() {
    }

    @Override
    public void doFilter(ServletRequest request, ServletResponse response, FilterChain chain) throws IOException, ServletException {
        //處理response的字符編碼
        HttpServletResponse myResponse=(HttpServletResponse) response;
        myResponse.setContentType("text/html;charset=UTF-8");

        // 轉(zhuǎn)型為與協(xié)議相關(guān)對象
        HttpServletRequest httpServletRequest = (HttpServletRequest) request;
        // 對request包裝增強
        HttpServletRequest myrequest = new MyRequest(httpServletRequest);
        chain.doFilter(myrequest, response);
    }

    @Override
    public void init(FilterConfig filterConfig) throws ServletException {
    }

}

//自定義request對象，HttpServletRequest的包裝類
class MyRequest extends HttpServletRequestWrapper {

    private HttpServletRequest request;
    //是否編碼的標(biāo)記
    private boolean hasEncode;
    //定義一個可以傳入HttpServletRequest對象的構(gòu)造函數(shù)，以便對其進行裝飾
    public MyRequest(HttpServletRequest request) {
        super(request);// super必須寫
        this.request = request;
    }

    // 對需要增強方法 進行覆蓋
    @Override
    public Map getParameterMap() {
        // 先獲得請求方式
        String method = request.getMethod();
        if (method.equalsIgnoreCase("post")) {
            // post請求
            try {
                // 處理post亂碼
                request.setCharacterEncoding("utf-8");
                return request.getParameterMap();
            } catch (UnsupportedEncodingException e) {
                e.printStackTrace();
            }
        } else if (method.equalsIgnoreCase("get")) {
            // get請求
            Map<String, String[]> parameterMap = request.getParameterMap();
            if (!hasEncode) { // 確保get手動編碼邏輯只運行一次
                for (String parameterName : parameterMap.keySet()) {
                    String[] values = parameterMap.get(parameterName);
                    if (values != null) {
                        for (int i = 0; i < values.length; i++) {
                            try {
                                // 處理get亂碼
                                values[i] = new String(values[i]
                                        .getBytes("ISO-8859-1"), "utf-8");
                            } catch (UnsupportedEncodingException e) {
                                e.printStackTrace();
                            }
                        }
                    }
                }
                hasEncode = true;
            }
            return parameterMap;
        }
        return super.getParameterMap();
    }

    //取一個值
    @Override
    public String getParameter(String name) {
        Map<String, String[]> parameterMap = getParameterMap();
        String[] values = parameterMap.get(name);
        if (values == null) {
            return null;
        }
        return values[0]; // 取回參數(shù)的第一個值
    }

    //取所有值
    @Override
    public String[] getParameterValues(String name) {
        Map<String, String[]> parameterMap = getParameterMap();
        String[] values = parameterMap.get(name);
        return values;
    }
}

    同樣需要在web.xml中進行配置 

    上述內(nèi)容就是Java如何解決前端數(shù)據(jù)處理及亂碼問題，你們學(xué)到知識或技能了嗎？如果還想學(xué)到更多技能或者豐富自己的知識儲備，歡迎關(guān)注億速云行業(yè)資訊頻道。

    向AI問一下細節(jié)

    免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點不代表本網(wǎng)站立場，如果涉及侵權(quán)請聯(lián)系站長郵箱：is@yisu.com進行舉報，并提供相關(guān)證據(jù)，一經(jīng)查實，將立刻刪除涉嫌侵權(quán)內(nèi)容。

    AI
    助
    手