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> <div class="form-group"> <input type="text" class="form-control" id="nombre" value="{{nombre}}"> </div> <div class="form-group"> <input type="text" class="form-control" id="numero" value="{{numero}}"> </div> <div class="form-group"> <select class="form-control" id="categoria"> </select> </div> <input type="hidden" value="{{id}}"> <div class="modal-footer"> </div> </form>
Código Javascript:
Ver original
var 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.