Tengo que realizar un ejercicio en el cual mediante ajax y jquery tengo que lograr modificar los datos de un usuario que tengo en una base de datos a través de un formulario, con la siguiente funcion en teoría encontraria el usuario que quiero modificar, pero no se ni por donde empezar la funcion que me permita modificar los datos, alguna ayuda de como puedo acceder a los datos del formulario?
function busquedaSocio() {
document.getElementById("formSocio").addEventListener("submit", function () {
var id = document.getElementById("id").value;
var dni = document.getElementById("dni").value;
var pass = document.getElementById("pass").value;
var nombre = document.getElementById("nombre").value;
var apellidos = document.getElementById("apellidos").value;
var nacimiento = document.getElementById("nacimiento").value;
var direccion = document.getElementById("direccion").value;
var socio = new Socio(id, dni, pass, nombre, apellidos, nacimiento, direccion);
var url = "http://localhost:8080/ProyectoService/api/rest/data/getUser";
$.ajax({
url: url,
type: "post",
dataType: "JSON",
data: JSON.stingify(socio),
contentType: "application/json",
success: function (data) {
document.getElementById("id").value = data.content[0].id;
document.getElementById("dni").value = data.content[1].dni;
document.getElementById("nombre").value = data.content[2].nombre;
document.getElementById("apellidos").value = data.content[3].apellidos;
document.getElementById("nacimiento").value = data.content[4].nacimiento;
document.getElementById("direccion").value = data.content[5].direccion;
}
});
});
}