Cuando hago clic en un evento en mi calendario (hecho con fullcalendar3) aparece un modal donde puedo cambiar el nombre, el inicio y el final del evento. Cuando cierro este modal, vuelve a cargar la página, sin importar si cambio algo o no.
¿Hay alguna manera de evitar que la página se vuelva a cargar si no hago cambios?
Esta es mi función para editar eventos en JS :
eventClick: function eventClick(event) { $('#editNewEvent').modal('show').one('hidden.bs.modal', function (e) { event.title = $('#editEname').val(); event.start = $('#editStarts').val(); event.end = $('#editEnds').val(); event.descrizione = $('#editDescrizione').val(); $.ajax({ url: 'eventi/updateEvent.php', type: 'POST', data: {start: event.start, _id: event.idAssenza, end: event.end, title: event.title, descrizione: event.descrizione}, success: function() { location.reload(); } }); $('#calendar').fullCalendar('updateEvent', event._id); }); }Encontré en línea este tipo de solución:
success: function(data) { var result = data; location.reload(); } }); return result;Pero no cambia nada, todavía recarga la página incluso si no modifico nada
De otra pregunta mía, tuve esta solución:
eventClick: function eventClick(event) { $('#editNewEvent').modal('show'); //*salva* is the ID of my button $("#salva").click(function() { event.title = $('#editEname').val(); event.start = $('#editStarts').val(); event.end = $('#editEnds').val(); event.descrizione = $('#editDescrizione').val(); $.ajax({ url: 'eventi/updateEvent.php', type: 'POST', data: {start: event.start, _id: event.idAssenza, end: event.end, title: event.title, descrizione: event.descrizione}, success: function() { location.reload(); } }); $('#calendar').fullCalendar('updateEvent', event._id); }); }