Hola,
Estoy haciendo una pequeña App, utilizando JSON server (
https://github.com/typicode/json-server) de Node para el Backend y JS+ jQuery para el front y Tempo.js para las vistas.
El problema está en que cuando realizo una petición PUT para modificar un registro, no guarda los cambios en el json donde se almacenan los datos.
Pongo aquí el código del formulario y el JS que hace la llamada.
Código HTML:
Ver original<form id="edit-form" class="edit-form" data-template> <label for="recipient-name" class="control-label">Nombre:
</label> <input type="text" class="form-control" id="nombre" value="{{nombre}}"> <label for="recipient-number" class="control-label">Número:
</label> <input type="text" class="form-control" id="numero" value="{{numero}}"> <label for="recipient-number" class="control-label">Categoría:
</label> <select class="form-control" id="categoria"> <input type="hidden" value="{{id}}"> <div class="modal-footer"> <button type="button" class="btn btn-default" data-dismiss="modal">Cerrar
</button> <button type="button" class="btn btn-primary" data-action="update">Guardar
</button>
Código Javascript
:
Ver originalvar editRegister = (event) => {
event.preventDefault();
let idItem = $("[type='hidden']").val();
$.ajax({
url: "http://localhost:3000/contactos/" + idItem,
method: 'PUT',
data: $("#edit-form").serialize(),
contentType: 'application/json; charset=utf-8',
success: function(data) {
$("[data-dismiss]").trigger("click");
console.log(data);
},
error: function(error) {
console.log(error);
}
});
}
$("[data-action='update']").on("click", editRegister);
Espero que podáis ayudarme, un saludo.