close

입력 데이터 처리 Express.js

웹 애플리케이션을 구축할 때 사용자 입력 데이터를 처리하는 것은 대화형의 유연한 기능을 만드는 데 중요한 측면입니다. 개발 환경 에서는, ,, 등 Express.js 의 다양한 HTTP 요청과 폼의 입력 데이터를 쉽게 처리할 수 있습니다. 다음은 이를 달성하는 데 도움이 되는 여러 가지 방법과 예제가 포함된 자세한 가이드입니다. GET POST PUT PATCH DELETE

정보 수신 Form

HTML 생성 Form: form Pug 또는 EJS 파일에서 HTML을 생성하여 시작합니다. 요청을 보낼 경로를 지정하려면 태그 action 에 속성을 설정해야 합니다. <form> 

<form action="/process" method="post">  
  <input type="text" name="username" placeholder="Username">  
  <input type="password" name="password" placeholder="Password">  
  <button type="submit">Submit</button>  
</form>

요청 처리 POST: 경로 처리기에서 body-parser 미들웨어를 활용하여 요청에서 데이터를 추출합니다 POST.

const bodyParser = require('body-parser');  
  
app.use(bodyParser.urlencoded({ extended: true }));  
  
app.post('/process',(req, res) => {  
  const username = req.body.username;  
  const password = req.body.password;  
  // Process data and return results  
});

 

로그인 예제로 다양한 요청 유형 처리

POST 로그인에서 요청 보내기 Form: HTML에서 요청을 보낼 경로를 지정 하는 방법과 속성을 form 설정했는지 확인하십시오. post action POST 

<form action="/login" method="post">  
  <input type="text" name="username" placeholder="Username">  
  <input type="password" name="password" placeholder="Password">  
  <button type="submit">Login</button>  
</form>

POST 로그인 요청 처리 : 경로 처리기에서 body-parser 미들웨어를 사용하여 요청에서 데이터를 추출 POST 하고 로그인 처리를 수행합니다.

const bodyParser = require('body-parser');  
  
app.use(bodyParser.urlencoded({ extended: true }));  
  
app.post('/login',(req, res) => {  
  const username = req.body.username;  
  const password = req.body.password;  
  
  // Check login information  
  if(username === 'admin' && password === '123') {  
    res.send('Login successful!');  
  } else {  
    res.send('Login failed!');  
  }  
});

 

처리 PUT 및 DELETE 요청

요청 처리 PUT: 요청을 처리하기 위해 PUT 경로 및 미들웨어를 사용하여 요청에서 데이터를 추출하고 해당 업데이트를 수행할 수 있습니다.

app.put('/update/:id',(req, res) => {  
  const id = req.params.id;  
  const updatedData = req.body;  
  // Perform data update with corresponding ID  
});

요청 처리 DELETE: 요청을 처리하기 위해 DELETE 경로 및 미들웨어를 사용하여 ID를 식별하고 삭제를 수행합니다.

app.delete('/delete/:id',(req, res) => {  
  const id = req.params.id;  
  // Perform data deletion with corresponding ID  
});

 

결론

사용자 입력 데이터 및 다양한 HTTP 요청을 처리하는 방법을 이해하는 것은 웹 개발에서 매우 중요합니다. Express.js 와 같은 미들웨어를 사용하면 양식의 입력을 쉽게 처리하고, 및 을 body-parser 비롯한 다양한 HTTP 요청을 처리할 수 있습니다. 이를 통해 웹 사이트에서 대화식의 유연한 기능을 만들 수 있습니다. GET POST PUT PATCH DELETE