Framework/Express.js

POST 방식으로 정보의 전달

Seogineer 2021. 2. 11. 01:28

1. Jade Template으로 form 화면 만들기

doctype html
html(lang="en")
    head
        meta(charset="UTF-8")
    body
        form(action='/form_receiver' method='post')
            P 
                input(type='text' name='title')
            P
                textarea(name='description')
            P
                input(type='submit')

 

2. "/form" 과 "/form_receiver" 라우터 작성

const express = require('express');
const app = express();
const port = 3000;

//POST 방식으로 전송한 데이터 사용
app.use(express.urlencoded({ extended: true }));

//form
app.get('/form', function(req, res){
  res.render('form');
});

//form_receiver POST
app.post('/form_receiver', (req, res) => {
  var title = req.body.title;
  var description = req.body.description;
  res.send(title + ',' + description);
});