1

estoy empezando con express y quiero enviar una variable al servidor:

var http=new XMLHttpRequest();
http.open("GET","http://localhost:300/data",true);
http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
http.onreadystatechange=()=>{if(http.readyState==4){
    alert(http.responseText);
}}
http.send("id=2");

server.js

 const express = require("express");
 const app = express();

 const router = express.Router();
 app.post("/data",function(req,res){
      console.log(req.body.id);
 })
 app.use(express.static(__dirname+"/www/"));

 app.listen(300,function(){
     console.log("true")
 })

pero al enviar la petición al servidor me lanza error 404. ¿alguien me puede decir porque?

3

1 respuesta 1

2

Te está dando error 404 porque literalmente la ruta con el método que quieres usar no existe, si te fijas bien, en tu código el endpoint data es utilizado solo por un método post, y en el cliente estás intentando consumir una petición de tipo get.

Sólo debes de cambiar el metodo en el cliente o en el servidor, dependiendo de lo que quieras hacer:

// server.js

const express = require("express");
 const app = express();

 const router = express.Router();
// CAMBIO -------------------------------------
 app.get("/data",function(req,res){
      console.log(req.body.id);
 })
 app.use(express.static(__dirname+"/www/"));

 app.listen(300,function(){
     console.log("true")
 })
client.js

var http=new XMLHttpRequest();
http.open("GET","http://localhost:300/data",true);
http.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
http.onreadystatechange=()=>{if(http.readyState==4){
    alert(http.responseText);
}}
http.send("id=2");

Como adicional, te comenté hace un rato que debes usar el modulo body-parser para consumir el body de la petición de esa manera.

Solo instálalo y agrégalo:

...
const express = require("express");
const app = express();
const bodyParser = require("body-parser");
app.use(bodyParser.urlencoded({ extended: false }))
app.use(bodyParser.json())
...

Espero que te sea de ayuda, un saludo.

1

Tu Respuesta

Al pulsar en “Publica tu respuesta”, muestras tu consentimiento a nuestros términos de servicio, política de privacidad y política de cookies

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.