Fullcalendar - enregistrer les événements dans la base de données

J'ai le balisage suivant:

J'ai un exemple de fullcalendar.
Lorsque vous cliquez sur un jour (déclenchement de la dayClick-rappel), un bootstrap modal est ouvert, où l'utilisateur peut entrer un titre, et le début/date de fin. Une fois que vous cliquez sur ok, ces valeurs seront ajoutées au calendrier. Voici le code pour que:

 function addTitle(){ //having a button onClick="addTitle()"
            var title = $('#add_date_title').val();
            var startdate = $('#add_date_startdate').val();
            var enddate = $('#add_date_enddate').val();
            var end_split = enddate.split('-');
            end_split[2]= parseInt(end_split[2])+parseInt("1");
            enddate = end_split[0] + "-" + end_split[1] + "-" + end_split[2];
            $('#add_date_title').val('');
            $('#add_date_startdate').val('');
            $('#add_date_enddate').val('');
            $('#add_date_modal').modal('hide');

            var myCalendar = $('#calendar');
            var myEvent = {
                title:title,
                allDay: true,
                start: startdate,
                end: enddate
            };
            myCalendar.fullCalendar( 'renderEvent', myEvent );
        }

Si l'événement est maintenant dans le calendrier. Mais, par exemple lors de la commutation du mois, ou le rechargement de la page, toutes les données sont perdues, bien sûr, parce que c'est enregistré nulle part.

Maintenant, la question est: Comment pourrais-je enregistrer l'événement directement dans la base de données, puis de le charger, alors, où puis-je apporter dans le code php, pour enregistrer l'événement à une db... Le problème, pourquoi je pose la question, c'est que le site entre ajoutant des événements n'est jamais rechargé, donc je ne suis pas en mesure de vérifier les GET ou POST-Paramètres ou quelque chose de similaire... je Pourrais peut-être le faire avec AJAX? Si oui, comment? Parce que je ne suis pas vraiment familier avec l'AJAX.

OriginalL'auteur nameless | 2015-09-11

  1. 6

    Vous pouvez réellement sauver les événements en DB.

    1. Utiliser cette ajax après votre modal déclencheur.

    2. Obtenir les valeurs comme le titre,la date de début, date de fin de modal et de l'envoyer dans la suite de l'ajax 

      $.ajax({
  url: 'add_events.php',
  data: 'title='+ title+'&start='+ start2 +'&end='+ end2,                                                    
  type: "POST",
  success: function(json) {
    $( "#getReason" ).modal('hide');
    $('#mydiv').hide();
    $('body').removeClass('blockMask');//calendar.fullCalendar( 'refetchEvents');
    $('#calendar').fullCalendar('refetchEvents');
  }
});

    3. dans add_events.php enregistrer les détails dans la db

    4. Dans votre page principale utilisation de cette méthode pour créer dynamiquement source de l'événement

      function eventSourceCall(){
     eventSourceCall = [
        {
            url: 'events.php?status=absent',
            backgroundColor: 'red',
            borderColor: 'white',
            textColor: 'white',
            rendering: 'background',
            cache: false
        }

    5. dans events.php effectuer une opération de sélection et de récupérer les paramètres d'événement encodé en json objets et de les renvoyer.

    6. En fonction de calendrier eventSources: eventSourceCall, ajouter cette ligne pour la sélection de la source de l'événement.

    OriginalL'auteur