Angular Http post

서버에서 http post 요청을 하여

데이터를 받아오는 방법은 다음과 같습니다.

 

먼저 HttpClient와 HttpParams 모듈을 추가해준 후,

 

var params = new HttpParams()
.set('param1', 'value')
.set('param2', 'value')

this.http.post(url, params).toPromise()
.then((res:any) => {

    // Example
    this.name = res.content[0].name;
    this.title = decodeURI(res.content[0].title)
    .replace(/%2[cC]/g, ",")
    .replace(/%3[aA]/g, ":");
    
    ...
})
.catch(err => {
	console.log(err);
}

데이터를 요청할 서버 URL,

서버로 넘길 파라미터 값을 포함하여

post 요청을 보내고

 

응답받은 결과 값(res)을

변수에 저장해서 html 에 출력해주거나 하시면 됩니다.

 

또는

var params = JSON.stringify({
    "param1": "param1",
    "param2": "param2",
    "param3": "param3",
    "param4": "param4"
})

this.http.post(url, params).toPromise()

...

간단하게 이런식으로도 사용 가능합니다.

 

.

.

.

 

참고

blog.angular-university.io/angular-http/