post 요청처리

POST 방식의 요청 처리

post방식으로 form 데이터를 서버로 보냈을 때, 서버에서 어떻게 처리할 수 있을까

action = 어디로? method = 어떻게?

get으로 올 경우 req.param으로 받으면 되지만,

post 같은 경우 별도의 모듈이 필요하다.

npm instal bady-parser --save

body parser을 설치 해준다.

form.html을 작성 해주고, form 태그의 action 속성과, method 속성을 지정 해준다.

그리고 입력 받을 input 태그에 name 속성을 지정한다.

이제 app.js에서

var express = require('express')
var app = express()
var bodyParser = require('body-parser')
// bodyParser을 추가 해준다.

app.listen(3000, function() {
  console.log("start! express server on port 3000 ");
});

app.use(express.static('public'))

// express에서 사용한다는 선언을 해준다.
app.use(bodyParser.json())
// json 형태를 받기 위해
app.use(bodyParser.urlencoded({extended:true}))
// 한글이나 특수문자는 인코딩이 되기 때문에 필요하다.

app.get('/', function(req, res) {
  res.sendfile(__dirname + '/public/main.html')
});

app.post('/email_post', function(req, res){
  // res.send('post response')
  console.log(req.body.email)
  // log
  res.send('<h1>welcome ' + req.body.email + '</h2>')
  // h2 태그를 이용해 받은 email 출력
  // 아까 form.html에서 지정한 name속성을 여기서 사용한다.
});

콘솔에 잘 찍혔으며,

출력