POST es un método de solicitud compatible con HTTP utilizado por la World Wide Web. El método HTTP POST envía datos al servidor. El tipo de cuerpo de la solicitud se indica mediante el encabezado Content-Type. Usamos Express.js para crear un servidor y realizar requests (GET, POST, etc).
npm i express
Nota: El npm en los comandos anteriores significa administrador de paquetes de Nodes, un lugar desde donde instalamos todas las dependencias.
Entonces, para usar Express para abordar las requests POST en nuestro servidor, usamos el método app.post y luego especificamos la ruta, y tenemos una devolución de llamada.
app.post(route, function(req, res){
//this is a callback function
})
Nota: Si va a realizar requests GET, POST con frecuencia en NodeJS, utilice Postman , simplifique cada paso de la creación de una API.
En esta sintaxis, la ruta es donde debe publicar los datos que se obtienen del HTML. Para obtener datos, puede usar el paquete bodyparser .
Servidor web: cree app.js en la carpeta raíz. Cree su servidor como se muestra en el siguiente ejemplo.
javascript
const express = require("express");
const app = express();
// Define routes here ...
app.listen(3000, function(){
console.log("server is running on port 3000");
})
Manejar la solicitud de publicación: aquí aprenderá cómo manejar la solicitud HTTP POST y obtener datos del formulario enviado.
Cree index.html en la carpeta raíz de su aplicación y escriba el siguiente código HTML en él.
Nombre de archivo: index.html
html
<!DOCTYPE html> <html lang="en" dir="ltr"> <head> <meta charset="utf-8"> <title>Calculator</title> </head> <body> <h1>Simple Calculator.</h1> <form action="/" method="post"> <input type="text" name="num1" placeholder="First Number"> <input type="text" name="num2" placeholder="Second Number"> <button type="submit" name="submit"> calculator </button> </form> </body> </html>
Producción:
Manejar la ruta POST en Express.js:
Nombre de archivo: app.js
javascript
const express = require("express");
const bodyParser = require("body-parser")
// New app using express module
const app = express();
app.use(bodyParser.urlencoded({
extended:true
}));
app.get("/", function(req, res) {
res.sendFile(__dirname + "/index.html");
});
app.post("/", function(req, res) {
var num1 = Number(req.body.num1);
var num2 = Number(req.body.num2);
var result = num1 + num2 ;
res.send("Addition - " + result);
});
app.listen(3000, function(){
console.log("server is running on port 3000");
})
Pasos para ejecutar:
- inicio npm
- npm instalar express
- npm instalar analizador de cuerpo
- aplicación de Node.js
- vaya a http://localhost:3000 en su navegador.
Producción:
Publicación traducida automáticamente
Artículo escrito por rahulrajendrashewale y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA