Estoy intentando por primera vez hacer que un cliente JavaScript y un servidor nodeJS con Express se comuniquen usando REST API. Por alguna razón, cualquier parámetro que doy en xhttp.send se pierde al llegar al back-end.
En el lado del cliente tengo la siguiente función:
function changeStatus(station) { var xhttp = new XMLHttpRequest(); xhttp.open("POST", "/api", false); xhttp.send(`station=${station}`); window.location.reload(); }Y en el lado del servidor lo siguiente:
app.post("/api", function (req, res) { if ("station" in req.query) { db[req.query.station] = !db[req.query.station]; res.send( `Station ${req.query.station} changed to ${db[req.query.station]}` ); } else { res.send("No station specified"); } });En cualquier caso, obtengo la configuración 'else'. ¿Alguna sugerencia sobre qué hacer? Tampoco puedo averiguar cómo registrar la solicitud sin formato para adjuntar.
Los parámetros de consulta no se pierden. Ellos no existen. Los parámetros de consulta van en la URL después de un ? después del segmento de ruta.
http://example.com?this=is&a=set&of=query¶meters=! Cuando realiza una solicitud POST, el valor que pasa a send() se envía en el cuerpo de la solicitud, al que se puede acceder a través req.body si (según la documentación ) tiene configurado un middleware de análisis de cuerpo adecuado.
También debe establecer un encabezado de solicitud Content-Type para decirle al servidor cómo analizar el cuerpo que está enviando. XMLHttpRequest lo hará automáticamente si le pasa un objeto URLSearchParams en lugar de una cadena.
Código del lado del cliente
var xhttp = new XMLHttpRequest(); xhttp.open("POST", "/api", false); const body = new URLSearchParams(); body.append("station", station); xhttp.send(body); window.location.reload();Código del lado del servidor
app.use(express.urlencoded()); app.post("/api", function (req, res) { if ("station" in req.body) {Dicho todo esto, está realizando una solicitud Ajax y luego recargando inmediatamente la página.
El objetivo de Ajax es hacer solicitudes sin recargar la página.
En su lugar, también podría usar un envío regular de <form> . Sería más sencillo.