본문 바로가기

Web Browser

Request header, body , param, query,

header는 요청에 대한 정보를 담는 부분

body는 요청할 때 함께 보낼 데이터를 담는 부분

 

 

Request 객체는 API를 컨트롤하기 위한 메소드를 세개 담고 있다.

  • param
  • query
  • body

 

1. req.param

주소에 포함된 변수를 담는다.

https://github.com/jjjjj/123

 

2. req.query

주소 바깥 ? 이후의 변수를 담는다.

&으로 연결하여 여러개의 데이터를 넘길 수 있다

 

예) https://github.com/seokwoo/post?q=123&p=456

 

받아올때는

let q = req.query.q

let p = req.query.p

 

3. req.body

Client에서 보내주는 JSON, XML, Multi Form 등의 데이터를 담는다. 주소에서는 확인할 수 없다.

요청 본문에 제출된 (키-값) 데이터 쌍을 포함한다. req.body는 body-parser를 사용하기 전에는 default 값으로 undefined로 설정되기 때문에 body-parser를 사용하여 해결해야 한다.(express.json(),express.urlencoded() 와 같은 미들웨어를 사용해야 한다.)

 

 

//미들웨어

app.use(bodyParser.json())

app.use(bodyParser.urlencoded({ extends: true }))

 

 

// Express 4.16.0버전 부터 body-parser의 일부 기능이 익스프레스에 내장 

app.use(express.json())

app.use(express.urlencoded({ extends: true}))

 

 

 

 

 

'Web Browser' 카테고리의 다른 글

web socket  (0) 2021.12.18
http통신 , socket통신  (0) 2021.12.18
DOM , DOM Manipulation  (0) 2021.11.22
쿠키,세션,토큰  (0) 2021.11.09
브라우저 렌더링 과정  (0) 2021.11.04