estoy trabajando en una aplicación web sencilla, pero es el primero contacto que tengo con un servidor nodeJs utilizando ExpressJs... Ya logré obtener los datos utilizando un método get y req.query directo desde la URL pero quisiera saber cómo obtener los datos desde un formulario.
Este es el código que tengo en el servidor:
const http = require('http');
const express = require('express');
var app = express();
const server = http.createServer(app);
app.use(express.static("static"))
var arreglo=[
{no:0, numControl:"", nombre:"", paterno: "", materno:"", carrera:""},
]
app.get("/", function(req ,res){
res.json({datos: arreglo});
});
app.get("/add", function(req ,res){
console.log(req.query);
let alumno={
no:arreglo.length+1,
numControl:req.query.numControl,
nombre: req.query.nombre,
paterno: req.query.paterno,
materno: req.query.materno,
carrera: req.query.carrera
}
arreglo.push(alumno)
console.log(arreglo)
res.end();
})
server.listen(3000, function(){
console.log("Servidor activo");
})
En el archivo html coloqué el formulario de la siguiente manera:
<body>
<div id="app" class="app">
<table>
<thead>
<tr>
<th>#</th>
<th>Num. Control</th>
<th>Nombre Completo</th>
<th>Carrera</th>
</tr>
</thead>
<tbody>
<tr v-if="lista.length==0">
<td colspan="5">Aún no hay elementos registrados</td>
</tr>
<tr v-else v-for="(a, i) in lista">
<td>{{ a.no }}</td>
<td>{{ a.numControl }}</td>
<td>{{ nombreCompleto(a) }}</td>
<td>{{ a.carrera }}</td>
<td><input type="checkbox" value="data"><br></td>
</tr>
</tbody>
<tfoot>
</tfoot>
</table>
<div id="botones" class="botones">
<button class="btn">Agregar</button>
<button>Eliminar</button>
<button>Modificar</button>
</div><br>
<div>
<form>
<div>
<label>Nombre Completo:</label>
<input type="text" value="" id="nomComp">
</div>
<div>
<label>Numero de Control:</label>
<input type="text" name="NumeroControl" id="NumCon" value="">
</div>
<div>
<label>Carrera</label>
<select name="carreras" id="carr">
<option value="siste" name="siste">Ing.Sistemas</option>
<option value="meca" name="meca">Ing. Mecatronica</option>
<option value="ambi" name="ambi">Ing. Ambiental</option>
<option value="elec" name="elec">Ing. Electronica</option>
</select>
</div>
<input type="submit" name="Enviar">
</form>
</div>
</div>
<script type="text/javascript" language="javascript" src="vueJS/vue.js"></script>
<script type="text/javascript" language="javascript" src="vueJS/vue-resource.js"></script>
<script type="text/javascript" src="serverCRUDalumnos.js"></script>
</body>
</html>
Una disculpa si tengo errores en tabulación o simplemente es una pregunta absurda, pero soy un programador poco experimentado y me gustaría aprender.
form-data
no un JSON.