close

Manejo de datos de entrada en Express.js

Al crear aplicaciones web, el manejo de los datos de entrada del usuario es un aspecto fundamental para crear funciones interactivas y flexibles. En el Express.js entorno de desarrollo, puede procesar fácilmente datos de entrada de formularios y varias solicitudes HTTP, como GET, POST, PUT, PATCH y DELETE. Aquí hay una guía detallada con múltiples métodos y ejemplos para ayudarlo a lograr esto:

Recibir información de Form

Creación de HTML Form: Comience creando un HTML form en un archivo Pug o EJS. Asegúrese de establecer el action atributo en la <form> etiqueta para especificar la ruta a la que se enviará la solicitud.

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

Solicitud de manejo POST: en el controlador de ruta, utilice el body-parser middleware para extraer datos de la POST solicitud.

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

 

Manejo de varios tipos de solicitudes con el ejemplo de inicio de sesión

Envío POST de solicitud desde el inicio de sesión Form: en el HTML form, asegúrese de configurar el post método y el action atributo para especificar la ruta donde POST se enviará la solicitud.

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

Manejo POST de solicitud de inicio de sesión: en el controlador de ruta, use el body-parser middleware para extraer datos de la POST solicitud y realizar el procesamiento de inicio de sesión.

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

 

Tramitación PUT y DELETE Solicitudes

Solicitud de manejo PUT: para manejar PUT solicitudes, puede usar una ruta y un middleware para extraer datos de la solicitud y realizar la actualización correspondiente.

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

Solicitud de manejo DELETE: para manejar DELETE solicitudes, también use una ruta y un middleware para identificar la ID y realizar la eliminación.

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

 

Conclusión

Comprender cómo manejar los datos de entrada del usuario y varias solicitudes HTTP es crucial en el desarrollo web. Al usar Express.js un middleware como body-parser, puede procesar fácilmente la entrada de formularios y manejar diferentes solicitudes HTTP, incluidas GET, , y. Esto le permite crear funciones interactivas y flexibles en su sitio web. POST PUT PATCH DELETE