서버에 form 내용 전송하기

바다구름·2023년 1월 21일

NodeJs

목록 보기
3/6
write.html

<h4 class="container mt-4"><strong>글 작성페이지</strong></h4>

  <div class="container mt-3">
    <!-- Submit 클릭시 /add 주소로 이동하고 밑에 input 값들을 post 방식으로 서버에 전송 -->
    <form action="/add" method="post"> 
      <div class="form-group">
        <label>오늘의 할일</label>
        <input type="text" class="form-control" name="title"> <!-- name 설정해줘야함 -->
      </div>
      <div class="form-group">
        <label>날짜</label>
        <input type="text" class="form-control" name="date"> <!-- name 설정해줘야함2 -->
      </div>
      <button type="submit" class="btn btn-outline-secondary">Submit</button> <!-- 전송 버튼 -->
    </form>
  </div>
server.js

// http://localhost:8080/write 이 주소로 접속시 write.html 파일 보여줘라
app.get('/write', function(요청내용, 응답할방법) { 
    응답할방법.sendFile(__dirname + '/write.html')
})


// http://localhost:8080/add 주소로 post 요청이 오면 아래 코드를 콘솔창에 출력
app.post('/add', (요청내용, 응답할방법) =>{
    응답할방법.send('test');
    console.log(요청내용.body.title); // body-parser 라이브러리에 의한 문법
  	console.log(요청내용.body.date); //write.html의 form에서 name 준 애들의 값
})
profile
안녕하세요.

0개의 댓글