Express es un marco pequeño que se asienta sobre la funcionalidad del servidor web de Node.js para simplificar sus API y agregar nuevas funciones útiles. Facilita la organización de la funcionalidad de su aplicación con middleware y enrutamiento; agrega utilidades útiles a los objetos HTTP de Node.js; facilita la representación de objetos HTTP dinámicos. Express.js proporciona varios tipos de métodos para manejar diferentes tipos de requests entrantes, como obtener, publicar, etc., desde el lado del cliente. En este artículo, discutiremos cómo recibir el parámetro de publicación en express.js.
El parámetro POST se puede recibir desde un formulario utilizando el middleware express.urlencoded() y el objeto req.body . El middleware express.urlencoded() ayuda a analizar los datos que provienen del lado del cliente.
Sintaxis:
express.urlencoded( [options] )
Parámetro : el parámetro de opciones contiene varias propiedades como extendido, inflado, límite, verificación, etc.
Valor de Retorno: Devuelve un Objeto.
Ejemplo: analicemos cada paso uno por uno para recibir parámetros de publicación en express.js
Paso 1: Cree un archivo » app.js » e inicialice su proyecto usando npm.
npm init
Paso 2: Cree un archivo » index.html » e instale el paquete express usando npm .
npm install express
Estructura del proyecto:
Estructura del proyecto/archivo
Paso 3: Ahora codifiquemos primero el archivo “ index.html ”. En él, creamos un formulario y lo enviamos como método “ POST ” a la ruta ‘ /submit ‘ que declararíamos más adelante en el archivo “ app.js ”.
índice.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible"
content="IE=edge">
<meta name="viewport" content=
"width=device-width, initial-scale=1.0">
</head>
<body>
<!-- Action to the same route as in app.post() method -->
<form action="/submit" method="post">
Name: <input type="text" name="name">
<br><br>
Email: <input type="email" name="email">
<br><br>
Gender: <br> <input type="radio" name="gender" id="male">
Male
<br>
<input type="radio" name="gender" id="female">
Female
<br>
<input type="radio" name="gender" id="private">
Don't want to disclose
<br><br>
Hobbies: <br> <input type="checkbox"
name="painting" id="painting">
Painting
<br>
<input type="checkbox" name="dancing" id="dancing">
Dancing
<br>
<input type="checkbox" name="singing" id="singing">
Singing
<br> <br>
<input type="file" name="file" id="">
<br> <br>
<button type="submit">Submit</button>
</form>
</body>
</html>
Publicación traducida automáticamente
Artículo escrito por GeeksforGeeks y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA