Obsługa danych wejściowych w Express.js

Podczas tworzenia aplikacji internetowych obsługa danych wejściowych użytkownika jest kluczowym aspektem tworzenia interaktywnych i elastycznych funkcji. W Express.js środowisku programistycznym można łatwo przetwarzać dane wejściowe z formularzy i różnych żądań HTTP, takich jak GET, POST, PUT, PATCH i DELETE. Oto szczegółowy przewodnik z wieloma metodami i przykładami, które pomogą Ci to osiągnąć:

Otrzymywanie informacji od Form

Tworzenie kodu HTML Form: zacznij od utworzenia kodu HTML form w pliku Pug lub EJS. Upewnij się, że ustawiłeś action atrybut w <form> tagu, aby określić trasę, do której zostanie wysłane żądanie.

<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>  

Żądanie obsługi POST: w programie obsługi trasy użyj body-parser oprogramowania pośredniego do wyodrębnienia danych z POST żądania.

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  
});  

 

Obsługa różnych typów żądań z przykładem logowania

Wysyłanie POST żądania z loginu Form: Upewnij się, że w kodzie HTML form została ustawiona post metoda i action atrybut określający trasę, do której POST zostanie wysłane żądanie.

<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>  

Obsługa żądania POST logowania: w module obsługi trasy użyj body-parser oprogramowania pośredniego, aby wyodrębnić dane z POST żądania i wykonać przetwarzanie logowania.

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!');  
  }  
});  

 

Obsługa PUT i DELETE wnioski

Obsługa żądania PUT: Aby obsłużyć PUT żądania, można użyć trasy i oprogramowania pośredniczącego w celu wyodrębnienia danych z żądania i przeprowadzenia odpowiedniej aktualizacji.

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

Żądanie obsługi DELETE: Aby obsłużyć DELETE żądania, użyj także trasy i oprogramowania pośredniczącego w celu zidentyfikowania identyfikatora i usunięcia.

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

 

Wniosek

Zrozumienie, jak obsługiwać dane wejściowe użytkownika i różne żądania HTTP, ma kluczowe znaczenie w tworzeniu stron internetowych. Korzystając Express.js z oprogramowania pośredniczącego, takiego jak body-parser, możesz łatwo przetwarzać dane wejściowe z formularzy i obsługiwać różne żądania HTTP, w tym GET, POST, PUT, PATCH i DELETE. Umożliwia to tworzenie interaktywnych i elastycznych funkcji w witrynie.