Discussion :

[didiloury]

Bonjour,

J'ai un souci avec une erreur 500 XHR en post en Ajax.
Mon souci est que j'ai une modale qui s'affiche pour créer un événement dans un calendrier et quand je sélectionne le champs "jour complet" (j'utilise la librairie full calendar), la requête ne s'effectue pas correctement.

Voici mon code:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
  //Clic sur bouton "JOUR COMPLET"
                    $('#c_allDay').on('click', function() {
                        console.log('clicked');
                        toggleDisable('bookingModal', false);
                    });
 
                    $('#saveBtn').on('click', function() {
                        console.log('save bouton cliqué');
                        recuperationDataForm('bookingModal', 'saveBtn', start, false, typeChamp)
                            .then((retour) => {
                                console.log('Résultat:', retour); // Utilisation du résultat en cas de réussite
                                dataForm = retour;
                                console.log('dataform : ', dataForm);
                                $.ajax({
                                    url: "{{ route('evenement-calendrier.store') }}",
                                    type: "POST",
                                    dataType: 'json',
                                    data: dataForm,
                                    success: function(response) {
                                        //Si la requête est un succès on stocke la réponse pour créer un nouvel évenement pout l'afficher ensuite
                                        // Ajout des evenements au calendrier                                       
                                        console.log('response : ', response);
 
                                        //Changement de la couleur selon etat_id
                                        monetatid = response.extendedProps['etat_id'];
 
                                        switch (monetatid) {
                                            case 16 : macouleur = 'red';
                                                        break;
                                            case 17 : macouleur = 'orange';
                                                        break;
                                            case 20 : macouleur = 'green';
                                                        break;
                                            case 25 : macouleur = 'black';
                                                        break;
                                            default :   macouleur = 'red';
                                                        break;
                                        }
 
                                        //Changement affichage selon etat
                                        mondisplay = response.extendedProps['etat'];
                                        if (mondisplay == 10){
                                            mondisplay = 'list-item';
                                        }else{
                                            mondisplay = 'block';
                                        }
 
                                        //AJOUT EVENEMENT DANS LE CALDENDRIER
                                        var newEvent = {
                                            title: response.title,
                                            start: response.start,
                                            end: response.end,
                                            allDay: response.jourComplet,
                                            borderColor : macouleur,
                                            backgroundColor : macouleur,
                                            display : mondisplay,
                                            id: response.id,
                                            extendedProps: {
                                                description: response.extendedProps['description'],
                                                code_cli_pro: response.extendedProps['code_cli_pro'],
                                                user_id: response.extendedProps['user_id'],
                                                type_evenement: response.extendedProps['type_evenement'],
                                                etat: response.extendedProps['etat'],
                                                synthese: response.extendedProps['synthese'],
                                                nom_cli_pro: response.extendedProps['objet'],
                                            },                                            
                                        }
                                        calendrier.addEvent(newEvent);
                                        memorize(newEvent.extendedProps.user_id,newEvent.title,newEvent.extendedProps.code_cli_pro,newEvent.id,newEvent.start,newEvent.end);
 
                                        console.log('Ajouté OK');
 
 
                                        //REFRESH PAGE EN ATTENDANT DE CORRIGER LE BUG AUTOCOMPLETE
                                        // (qui ne fontionne pas après fermeture d'un modal)
                                        //location.reload();
                                        console.log('Apres reload');
                                    },
                                    error: function(error) {}
                                });
                            })
                            .catch((error) => {
                                console.error('Erreur:', error); // Gestion des erreurs
                            });
                        //Requête Ajax pour envoyer l'evenement sur 'evenement.store'
 
                    });

Merci d avance de cotre aide.
Cdt

[mathieu]

si la requête http retourne une erreur 500 c'est qu'il y un souci du côté du serveur donc il faut voir ça avec la personne qui a développé la partie serveur.

[didiloury]

ce qui est étrange c'est que cela fonctionne quand le jour entier n'est pas coché.

[didiloury]

bonjour j'ai vu qu'il y avait une erreur SQL Error 2007 mais je comprends pas car mon format de dat est corrct en base de donnees.

[didiloury]

En fait, vu que c'est un jour complet, c'est le format par défaut dans le message qui apparaît :

"SQLSTATE[22007]: Invalid datetime format: 1292 Incorrect datetime value: '2024-06-26 :00' for column

sauf que il attend un format comme ca: 2024-06-25 10:15:00.

[didiloury]

c'est un format Luxon c'est une librairie JS. Donc je ne sais pas comment le forcer à prendre le format qui convient en base de données.
Et je pense que c'est ce code la qui ets a revoir:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
                //SI BOUTON "MODIF" : récupération de la date début
                if (bouton == 'modifBtn'){
                    dateD = $('#' + nomChamp['start']).val();
                    start_date = dateD + ' ' + heure_debut + ':00'; // Fusionne les chaine de caractère date de debut et heure de debut
                //SI BOUTON "CREER" : récupération de la du jour CLIQUE
                }else{
                    //console.log('start date = ' + start);
                    if (start instanceof Date) {
                        var dateD = getDate(start);
                        //console.log("dateD=="+dateD);
                        // start_date = dateD + ' ' + heure_debut + '00:00:00';
                        start_date = dateD + ' ' + heure_debut + ':00';
                        //console.log("start_date=="+start_date);
                    } else {
                        date_debut = start.startStr + ' ' + heure_debut + '00:00:00';
                        date_debut = start.startStr + ' ' + heure_debut + ':00'; // Fusionne les chaine de caractère date de debut et heure de debut
                        // start_date = luxon.DateTime.fromFormat(date_debut, 'dd-MM-yyyy HH:mm').toFormat('yyyy-MM-dd HH:mm:ss'); // Formate la date dans  le bon format
                        start_date = date_debut;
                        //console.log('start_date', start_date);
                        //console.log('start', start);
                    }
                }
                console.log('start date = ' + start_date);
                console.log('user = ' + user_id);

Mais je sais pas comment.