Axios 에서 json 데이터 형식 post 요청 을 보 낼 때 springMvc 에서 인 자 를 정확하게 받 아들 일 수 없습니다.

기초 이해
부호화
https://www.cnblogs.com/yuansc/p/9076604.html
 Content - type 은 http / https 가 서버 에 정 보 를 보 낼 때의 콘 텐 츠 인 코딩 형식 을 말 하 며, contentType 은 데이터 흐름 을 보 내 는 유형 을 나타 내 는 데 사용 되 며, 서버 는 인 코딩 형식 에 따라 특정한 해석 방식 을 사용 하여 데이터 흐름 의 데 이 터 를 가 져 옵 니 다.
application/x-www-form-unlencoded
form 폼 에서 enctype 속성 을 정의 할 수 있 습 니 다. 이 속성 은 서버 에 보 내기 전에 폼 데 이 터 를 어떻게 인 코딩 해 야 하 는 지 를 의미 합 니 다.기본적으로 폼 데 이 터 는 인 코딩 됩 니 다. "application / x - www - form - unlencoded", application / x - www - form - urlencoded 인 코딩 형식의 데 이 터 를 from Data 에 넣 습 니 다.
multipart / form - data 는 폼 을 사용 하여 파일 을 업로드 할 때 폼 의 enctype 속성 값 을 multipart / form - data 로 지정 해 야 합 니 다. 요청 체 는 여러 부분 으로 나 뉘 어 져 있 으 며, 각 부분 은 -- boundary 분할 을 사용 하여 multipart / form - data 인 코딩 형식의 데 이 터 를 request Payload 에 넣 어야 합 니 다.
application/json
복잡 한 대상 을 전송 할 때 application / json 인 코딩 형식 을 사용 하여 application / json 인 코딩 형식의 데 이 터 를 request Payload 에 넣 어야 합 니 다.
크로스 필드
다음 조건 을 만족 시 키 는 것 은 간단 한 요청 입 니 다. 간단 한 요청 과 간단 하지 않 은 요청 의 차 이 는 예비 검사 (preflight) 를 보 내 는 것 입 니 다.

*     :HEAD,GET,POST
*      :
    Accept
    Accept-Language
    Content-Language
    Last-Event-ID
    Content-Type                
                        application/x-www-form-urlencoded
                        multipart/form-data
                        text/plain

본문SpringMVC 에서 우 리 는 몇 가지 수용 JSON 방식 을 선택 할 수 있다. SpringMVC 어떻게 받 아들 이 는 지 JSON 를 말 하기 전에 우 리 는 먼저 무엇이 JSON 인지 이야기 할 수 있다.구체 적 인 정 의 는 나 도 군말 하지 않 겠 다. JavaScript 에서 우 리 는 항상 이렇게 대상 을 정의 한다 JSON.

var jsonObject = {
"username":"admin",
"password":123
}

이러한 형식의 우 리 는 JSON 대상 이 라 고 부 르 는 동시에 JSON 문자열, 문자열 이라는 개념 도 있 습 니 다. 말 그대로 '또는' 로 감 싼 전체 이 고 우 리 는 문자열 이 라 고 부 릅 니 다.우 리 는 문자열 이 직접 출력 할 수 있 고 대상 이 직접 출력 할 수 없다 는 것 을 안다.그래서 자바 스 크 립 트 에서 우 리 는 할 수 있다.

//       jsonObject
var jsonObject = {
"username":"admin",
"password":123
};
alert(jsonObject);

이때 JSON 대상 의 내용 을 출력 하지 않 고 [object Object] 를 표시 합 니 다. JavaScript 는 두 개의 도 구 를 제공 합 니 다.
JSON. parse () 는 JSON 문자열 을 JavaScript 대상 으로 변환 하 는 데 사 용 됩 니 다.JSON. stringify () 는 JavaScript 값 을 JSON 문자열 로 변환 하 는 데 사 용 됩 니 다.
그래서 저희 가 입력 하면...

alert(JSON.stringify(jsonObject));

{"username": "admin", "password": 123} 이 표 시 됩 니 다.
* * 됐 습 니 다. JSON 에 대한 설명 은 여기까지 입 니 다. SpringMVC 에 대해 서 말씀 드 리 겠 습 니 다. *
JSON 이 상기 두 가지 존재 방식 을 가지 고 있 는 이상 ajax 를 통 해 SpringMVC 에 값 을 전달 할 때 우 리 는 어떤 것 을 전달 해 야 합 니까?일단 저희 가 JSON 을 직접 보 내 보도 록 하 겠 습 니 다.

//  json  
            var username = $("#username").val();
            var password = $("#password").val();
            var json = {
                "username" : username,
                "password" : password
            };

// Jquery Ajax  
$.ajax({
                url : "jsontest",
                type : "POST",
                async : true,
                data : json,
                dataType : 'json',
                success : function(data) {
                    if (data.userstatus === "success") {
                        $("#errorMsg").remove();
                    } else {
                        if ($("#errorMsg").length <= 0) {
                            $("form[name=loginForm]").append(errorMsg);
                        }
                    }
                }
            });

우 리 는 먼저 SpringMVC 가 우리 에 게 무엇 을 제 공 했 는 지 생각해 보 자. @ RequestParam 의 주해 가 있 는데 이 주해 에 대한 역할 은 우리 Servlet 중의 request.getParameter 와 기본적으로 같다.우 리 는 우선 이 주 해 를 사용 하여 얻 을 것 이다.

    @RequestMapping("/jsontest")
    public void test(@RequestParam(value="username",required=true) String username,
    @RequestParam(value="password",required=true) String password){
        System.out.println("username: " + username);
        System.out.println("password: " + password);
    }

배경 에서 성공 적 으로 출력 한 우리 의 인자, 성공 적 으로 받 아 들 였 습 니 다!
SpringMVC 는 이렇게 스마트 합 니 다. @ RequestParam 주 해 를 제거 하면 두 값 을 직접 넣 으 면 어떻게 됩 니까?

@RequestMapping("/jsontest")
    public void test(String username,String password){
        System.out.println("username: " + username);
        System.out.println("password: " + password);
    }

똑 같이 성 공 했 으 니 원 리 는 더 이상 말 하지 않 겠 습 니 다. 관심 있 는 친구 들 은 끊 어 보 세 요.
SpringMVC 는 @ RequestBody 를 제공 합 니 다. 프론트 데스크 에서 보 낸 데이터 Content-Type 를 처리 하 는 데 사 용 됩 니 다. application / x - www - form - urlencoded 인 코딩 의 내용 이 아 닙 니 다. 예 를 들 어 application / json, application / xml 등 입 니 다.세심 한 친구 들 은 이전의 Ajax 에서 Content - type 의 종 류 를 정의 하지 않 았 음 을 발 견 했 을 지도 모른다. Jquery 는 기본적으로 application / x - ww - form - urlencoded 종 류 를 사용한다.그렇다면 SpringMVC 의 @ RequestParam 주석, Servlet 의 request. getParameter 는 이러한 형식 으로 전 송 된 JSON 대상 을 받 아들 일 수 있다 는 뜻 이다.
왜 일 까!?GET 요청 은 모두 가 낯 설 지 않 을 것 입 니 다. 인 자 를 url? username = "admin" & password = 123 방식 으로 서버 에 보 내 고 request. getParameter 는 이러한 인 자 를 받 을 수 있 습 니 다. 우 리 는 브 라 우 저 주소 표시 줄 에서 도 이 점 을 볼 수 있 습 니 다.그리고 우리 Axios 가 사용 하 는 POST 와 JSON 대상 을 보 냈 습 니 다. 그러면 배경 은 어떻게 얻 었 습 니까?정 답 은 바로 이 Content-Type x - ww - form - urlencoded 의 인 코딩 방식 으로 JSON 데 이 터 를 하나의 문자열 로 변환 하고 (username = "admin" & password = 123) 이 문자열 을 url 뒤에 추가 하 는 것 입 니까?분할, (GET 방법 과 비슷 하지 않 습 니까?) 제출 방식 이 POST 일 때 브 라 우 저 는 데 이 터 를 HTTP BODY 에 패키지 하여 서버 에 보 냅 니 다.URL 에 표시 되 지 않 습 니 다.(이 부분 은 좀 어 긋 날 수 있 으 니 여러분 들 이 열심히 이해 해 주 십시오.) 드디어 말 을 다 하고 긴 숨 을 내 쉬 었 습 니 다.그 러 니까 우리 가 @ RequestBody 주 해 를 사용 할 때 프론트 데스크 의 Content - Type 은 application/json 로 바 꿔 야 합 니 다. 변경 되 지 않 으 면 프론트 데스크 가 415 (Unsupported Media Type) 를 잘못 알 릴 수 있 습 니 다.배경 로 그 는 Content type 'application / x - www - form - urlencoded 를 잘못 보고 합 니 다.charset = UTF - 8 'not supported, 이 오류 Eclipse 에서 Tomcat 은 오류 정 보 를 표시 하지 않 습 니 다. 로 그 를 사용 해 야 표시 합 니 다. 로 그 를 어떻게 설정 하 는 지 는 제 지난 글 을 보 실 수 있 습 니 다.다음은 우리 가 정확하게 설정 해 보 겠 습 니 다. 위 에서 Content - Type 을 변경 해 야 한다 고 말 했 습 니 다. 그리고 우리 의 data 도 변경 해 야 합 니 다. 이런 주해 방식 은 JSON 대상 이 아 닌 JSON 문자열 만 받 아들 입 니 다.
axios 속성 을 설정 해 야 합 니 다. 관건 적 인 부분 은 두 가지 application / json 과 매개 변 수 를 json 문자열 형식 으로 변환 해 야 합 니 다.

const http = axios.create({
  baseURL: 'http://localhost:8080',
  timeout: 5000,
  headers: {
    'Content-Type': 'application/json'
  },
  transformRequest: [function (data, headers) {
    headers.token = store.state.token;
    if (headers['Content-type'] === 'multipart/form-data') {
      return data;
    } else {
      return JSON.stringify(data);
    }
  }]
});

this.axios({
  method: 'post',
  url: '/type/save',
  data: {mv_id: this.mv_id, mv_name: this.mv_name}
});

배경 도 바 꿔 보 세 요. 제 이 슨 은 키 값 으로 이해 할 수 있 잖 아 요. 그래서 우 리 는 맵 으로 받 은 다음 에 문자열 이나 다른 데이터 형식 을 더 처리 합 니 다.

    @RequestMapping("/jsontest")
    public void test(@RequestBody(required=true) Map map  ){
        String username = map.get("username").toString();
        String password = map.get("password").toString();
        System.out.println("username: " + username);
        System.out.println("password: " + password);
    }

그리고 신기 한 SpringMVC 가 생각 났 습 니 다. 그래서 주 해 를 없 애기 로 했 습 니 다. 좋 습 니 다. 과감하게 빈 지침 오류 가 터 졌 습 니 다. 그만 두 려 고 했 습 니 다.SpringMVC 는 매개 변수 가 POJO 와 직접 연결 되 는 방법 도 제공 합 니 다. 한번 시도 해 보 겠 습 니 다.프론트 데스크 처럼 붙 이지 않 겠 습 니 다.

@RequestMapping("/jsontest")
    public void test(@RequestBody User user  ){
        String username = user.getUsername();
        String password = user.getPassword();
        System.out.println("username: " + username);
        System.out.println("password: " + password);
    }

OK. 이번 에는 값 을 얻 을 수 있 습 니 다. 저 는 개인 적 으로 로그 인 과 같은 작은 데이터 양의 업로드 에 있어 이런 방법 을 좋아 하지 않 습 니 다. User 안의 변수 가 많 습 니 다. 저 는 그 중 두 개 만 사 용 했 습 니 다. User 대상 을 만 들 필요 가 없습니다. 보통 데이터 양 이 적 을 때 저 는 단독 값 을 사용 하 는 것 을 좋아 합 니 다.JSON 대상 을 올 린 상태 에서 POJO 를 연결 할 수 있 는 지 다시 생각해 보 겠 습 니 다. 답 은 가능 합 니 다. @ RequestParam 주 해 를 사용 하지 마 세 요. 그렇지 않 으 면 Required User parameter 'user' is not present 오 류 를 보고 할 수 있 습 니 다.여기 서 설명 은 기본적으로 끝 났 으 니, 다음은 총 결 해 보 겠 습 니 다.

먼저 JSON 대상 과 JSON 문자열

을 말씀 드 렸 습 니 다.

그 다음 에 SpringMVC 가 두 가지 JSON 형식 을 받 아들 일 때 전단 ContentType 의 설정 과 백 엔 드 가 주 해 를 사용 하여 받 아들 일 지 여 부 를 말 했 고 Servlet 도 언급 했다.

Ajax 가 application / x - www - form - urlencoded 형식 으로 업로드 하면 JSON 대상 을 사용 하고 배경 은 @ RequestParam 또는 Servlet 로 가 져 와 야 합 니 다.Ajax 가 application / json 형식 으로 업로드 하면 JSON 문자열 을 사용 합 니 다. 배경 은 @ RquestBody 로 가 져 와 야 합 니 다.

참고 주소:https://www.jianshu.com/p/b21555b84c89