close

での入力データの処理 Express.js

Web アプリケーションを構築する場合、ユーザー入力データの処理は、インタラクティブで柔軟な機能を作成するための重要な側面です。 開発環境では、フォームからの入力データや 、 、 、 、 、 など 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 リクエストの処理方法を理解することは、Web 開発において非常に重要です。 Express.js や のようなミドルウェア を使用すると、フォームからの入力を簡単に処理し 、 、 、 、 、 など body-parser のさまざまな HTTP リクエストを処理できます 。 これにより、Web サイト上にインタラクティブで柔軟な機能を作成できます。 GET POST PUT PATCH DELETE