HTML5 에서 PUT/DELETE 요청하기

 

HTML5 에서 PUT/DELETE 요청은 안되기 때문에, 라이브러리를 추가로 설치해주어야 한다.

터미널에

npm install method-override

 

설치 후

 

server.js 상단에

 

const methodOverride = require('method-override')
app.use(methodOverride('_method'))

 

를 입력

 

edit.ejs

<div class="container mt-3">
    <form action="/add?_method=PUT" method="POST"> 
        <!-- PUT 은 HTML5 에서는 못씀
            POST 로 쓰되 ?_method=PUT 을 action에 추가해준다.
        -->
      <div class="form-group">
        <label>오늘의 할일</label>
        <input type="text" value="<%= data.제목 %>" class="form-control" name="title">
      </div>
      <div class="form-group">
        <label>날짜</label>
        <input type="text" value="<%= data.날짜 %>" class="form-control" name="date">
      </div>
      <button type="submit" class="btn btn-outline-secondary">Submit</button>
    </form>
  </div>

 

PUT 은 HTML5 에서는 못씀
POST 로 쓰되 ?_method=PUT 을 action에 추가해준다.

 

이런식으로 PUT/DELETE 를 사용가능하다.