[Node.js] POST요청/ form 데이터 서버로 전송하기

이러한 write페이지를 미리 만들어 두었다.

    <div class="container mt-4">

        <form action="/add" method="POST">
            <div class="form-group">
                <label>오늘의 할 일</label>
                <input type="text" class="form-control" name="title">
            </div>
            <div class="form-group">
                <label>Due date</label>
                <input type="text" class="form-control" name="date">
            </div>

            <button type="submit" class="btn btn-outline-primary">저장하기</button>
        </form>
    </div>

form태그에 action='/add' method='POST' 을 설정하였다

그럼 폼 전송버튼을 누를 시 /add 경로로 POST요청을 하게 된다.

(각 input에는 name도 붙여 주었음)

 

---

다시 서버로 돌아와서,

const bodyParser = require('body-parser');
app.use(bodyParser.urlencoded({extended:true}));

데이터 처리를 쉽게하기위해 body-parser 라이브러리를 사용한다.

그래서 맨 위에 이 코드를 추가해주고,

 

app.post('/add',function(req,res){
    res.send('전송완료')
    console.log(req.body)
})

이전에 GET요청을 app.get()으로 했던 것과 비슷하게

이번에는 POST요청을 app.post()로 하게 된다.

 

app.post('경로',콜백함수(){})형태로 사용하면 되고,

console.log(req.body)를 찍어보면

post요청시에 form의 데이터가 서버로 전송된 것을 볼 수 있다.