Estoy tratando de actualizar una fila en una tabla de datos usando celdas editables. Funciona para actualizar en la interfaz, pero los datos no entran en la API y después de recargar la página, la modificación desaparece.
function buildlist() { var url = 'http://127.0.0.1:8000/api/sarcini-list/'; fetch(url).then( res => { res.json().then( data => { console.log(data); var table const createdCell = function(cell) { let original; cell.setAttribute('contenteditable', true) cell.setAttribute('spellcheck', false) cell.addEventListener("focus", function(e) { original = e.target.textContent }) cell.addEventListener("blur", function(e) { if (original !== e.target.textContent) { const row = table.row(e.target.parentElement); $.ajax({ type: "PUT", url: 'http://127.0.0.1:8000/api/sarcini-detail/' + row.data().idSarcina, data: row.data() }) console.log('Row changed: ', row.data()) } }) } table = $('#datatable').DataTable({ columnDefs: [{ targets: '_all', createdCell: createdCell }], scrollX: true, data: data, columns: [ { data: 'idSarcina' }, { data: 'nr_tren' }, { data: 'nr_locomotiva' }, { data: 'plecare' }, { data: 'ora_plecare1' }, { data: 'ora_sosire1' }, { data: 'angajat1' }, { data: 'angajat2' }, { data: 'schimb1' }, { data: 'ora_plecare2' }, { data: 'ora_sosire2' }, { data: 'angajat3' }, { data: 'angajat4' }, { data: 'schimb2' }, { data: 'ora_plecare3' }, { data: 'ora_sosire3' }, { data: 'angajat5' }, { data: 'angajat6' }, { data: 'sosire' }, { data: 'ora_plecare4' }, { data: 'ora_sosire4' }, { data: 'angajat7' }, { data: 'angajat8' } ], }); } ) } ) } $(document).ready(function() { buildlist(); });Modifiqué el campo "NUMAR TREN" y como pueden ver en la consola en la api no se produce el cambio pero en la interfaz se ve bien.
