angular 4 post 배경 에서@RequestParam 또는@RequestBody 로 데 이 터 를 받 습 니 다.

@RequestParam 을 사용 하여 데 이 터 를 받 아들 입 니 다.
앵 귤 러 코드
Angular 코드 주의 2 시 1.요청 헤더Content-type': 'application/x-www-form-urlencoded'2.전 송 된 데 이 터 는nameOrEmail=bar&password=moe형식 을 사용 합 니 다.

import {User} from './user';
import {Injectable} from '@angular/core';
import {Http, Headers, Response} from '@angular/http';
import {urlString} from '../url.constont';
import {Subscription} from 'rxjs/Subscription';
import {ActivatedRoute, Router} from '@angular/router';
@Injectable()
export class UserService {
  constructor(private http: Http, private router: Router) {
  }
//application/x-www-form-urlencoded
  doLogin(user: User): string {
    const body = {nameOrEmail: user.username, password: user.password};
    this.http.post(urlString + 'login', 
                'nameOrEmail=bar&password=moe',
                   {headers: new Headers({'Content-type': 'application/x-www-form-urlencoded'})}).subscribe(data => {
      console.log(data);
    });
    return null;
  }
}

자바 코드

    @ResponseBody
    @RequestMapping(value = "login",method = RequestMethod.POST)
   public Map<String,String> login(@RequestParam(value = "nameOrEmail",required = false) String name, @RequestParam(value = "password",required = false)String password){
        if ("li".equals(name) && "123".equals(password)){
            Map<String, String> map = new HashMap<>();
            map.put("result", "success");
            return map;
        }
        return null;
    }

@RequestBody 를 사용 하여 데 이 터 를 받 아들 입 니 다.
앵 귤 러 코드
코드 주의:Angular 기본 값Content-Type은application/json이 므 로 요청 헤더Content-Type:application/json를 추가 할 필요 가 없습니다.

import {User} from './user';
import {Injectable} from '@angular/core';
import {Http, Headers, RequestOptions, Response, Jsonp} from '@angular/http';
import {urlString} from '../url.constont';
import {Subscription} from 'rxjs/Subscription';
import {ActivatedRoute, Router} from '@angular/router';
@Injectable()
export class UserService {
  constructor(private http: Http, private router: Router) {
  }
  doLogin(user: User): string {
    const body = {nameOrEmail: user.username, password: user.password};
    this.http.post(urlString + 'login', body ).subscribe(data => {
      console.log(data);
    });
    return null;
  }
}

자바 코드

    @ResponseBody
    @RequestMapping(value = "login",method = RequestMethod.POST)
    public Map<String,String> login(@RequestBody User user){
        if (user!=null){
            Map<String, String> map = new HashMap<>();
            map.put("result", "success");
            return map;
        }
        return null;
    }