Node ch.02

POST 요청 처리

  • /pubilc/form.html 생성
    <!DOCTYPE html>
    <html>
      <head>
        <meta charset="utf-8">
        <title>email form</title>
      </head>
      <body>
        <form action="/email_post" method="post">
          email : <input type="text" name="email"> <br/>
          submit <input type="submit">
        </form>


      </body>
    </html>

  • 구동확인

    localhost:3000/form.html

  • email_post 라우팅 처리 ::app.js 수정

    app.post('/email_post', function(req,res){
    	res.send("post response")
    })

  • post방식으로 값을 받아오려면 bady-parser 모듈을 설치해줘야함

    $ npm install body-parser --save

  • app.js 에 모듈 등록

    var bodyParser = require('body-parser')
  • post 로 값을 받아오는 형식 지정 :: app.js
    app.use(bodyParser.json())
    app.use(bodyParser.urlencoded({extended:true}))
  • 받아온 값 사용 (여기선 email) :: app.js
    app.post('/email_post', function(req,res){
    	console.log(req.body.email)
    	res.send("post response")
    })
  • 받아온 값을 화면에 보여주기 :: app.js
    app.post('/email_post', function(req,res){
    	console.log(req.body.email)
    	res.send("<h1>Welcome!" + req.body.email + "</h1>")
    })
  • 여기까지의 실행 화면 보기