Jade(Pug) 문법#2

Send form

Pug에서 html 문서를 작성할 때 속성 값을 주고 싶을 때는 '( ...)' 괄호를 추가하여 이 안에 속성을 넣어주면 된다.

/formreceiver 서버에 form을 전송한다! 기본적으로 GET방식이 디폴트이다. form의 속성에 'method='post'로 하면 POST방식이 된다. (아래의 코드로 실행하면 에러가 난다. 이는 실제로는 서버에 데이터가 잘 전달되었지만 육안으로 보기에는 query string가 보이지 않고, Cannot POST /formreceiver 라는 에러가 뜬다)

POST방식 : url을 통해 데이터를 전송하지 않고, 우리가 육안으로는 확인할 수 없는 방식으로 데이터를 전송한다.

doctype html
html
    head
        meta(charset='utf-8')
    body
        form(action='/form_receiver')
            p
                input(type='text' name='title')
            p
                textarea(name='desc')
            p
                input(type='submit')

query로부터 사용자가 보낸 정보를 읽어올 수 있다!

app.get('/form_receiver',(req,res)=>{
    var title = req.query.title;
    var desc =  req.query.desc;
    res.send(title+','+desc);
});

formreceiver 라는 서버에 사용자가 form을 전송한다. 서버 측에서는 /form_receiver라는 url이 들어오면 'title'과 'desc'를 보낸다.