Bonjour,

Je suis en train de coder un système de réservation. Je fais apparaitre mes liens en javascript et lorsque j'appuie sur le bouton suivant j'ai une fonction qui permet d'ajouter +7(jours)  a ma variable. Le problème est que cela se fait en javascript et j'aimerai récupérer les données en php.

(Ne jugez pas mon code svp xD)

(Et désolé je ne sais pas comment afficher ce code sur fond noir

    let d = 25;
    let m = 08;
    let a = 2021;

    const suivant = document.querySelector("#btn-date-suivant");
    const precedent = document.querySelector("#btn-date-precedent");
    const marcillac = document.querySelector("#pills-marcillac-tab");
    
    const dText = document.querySelector("#d-text");
    const lien_marcillac= document.getElementById("lien_marcillac");
   
    const writemarcillac = () => {
        dText.innerHTML = d + "/" + m + "/" + a;
        lien_marcillac.innerHTML = '<div id="lien_1" class="lien_horaire " style="width: 940px; margin: 0 auto;"><a id="lien_id" href="forms.php?id=' + d + '-' + m + "-" + a + ' 15:00 marcillac">15:00</a></div><div id="lien_2" class="lien_horaire " style="width: 940px; margin: 0 auto;"><a href="forms.php?id=' + d + '-' + m + "-" + a + ' 15:15 marcillac">15:15</a></div><div id="lien_3" class="lien_horaire " style="width: 940px; margin: 0 auto;"><a href="forms.php?id=' + d + '-' + m + "-" + a + ' 15:30 marcillac">15:30</a></div><div id="lien_4" class="lien_horaire " style="width: 940px; margin: 0 auto;"><a href="forms.php?id=' + d + '-' + m + "-" + a + ' 15:45 marcillac">15:45</a></div><div id="lien_5" class="lien_horaire " style="width: 940px; margin: 0 auto;"><a href="forms.php?id=' + d + '-' + m + "-" + a + ' 16:00 marcillac">16:00</a></div><div id="lien_6" class="lien_horaire " style="width: 940px; margin: 0 auto;"><a href="forms.php?id=' + d + '-' + m + "-" + a + ' 16:15 marcillac">16:15</a></div><div id="lien_7" class="lien_horaire " style="width: 940px; margin: 0 auto;"><a href="forms.php?id=' + d + '-' + m + "-" + a + ' 16:30 marcillac">16:30</a></div>'
    }

    

    const write = () => {
        if (marcillac.classList.contains("active")){
            writemarcillac();
        }
    }

    const datesuivant = () => {
        d += 7;
        if ( m == 1 || m == 3 || m == 5 || m == 7 || m == 8 || m == 10 || m == 12){
            if ( d > 31){
                m += 1;
                d -= 31; 
            }
            if ( m > 12){
                a += 1;
                m = 1;
            }
        }else if(m == 4 || m == 6 || m == 9 || m == 11){
            if ( d > 30){
                m += 1;
                d -= 30; 
            }
            if ( m > 12){
                a += 1;
                m = 1;
            }
        }else if(m == 2){
            if ( d > 28){
                m += 1;
                d -= 28; 
            }
            if ( m > 12){
                a += 1;
                m = 1;
            }
        }
        write();    
    }

    const dateprecedent = () => {
        d -= 7;
        if ( m == 1 || m == 3 || m == 5 || m == 7 || m == 8 || m == 10 || m == 12){
            if ( d < 1){
                m -= 1;
                d += 31;
            }
            if ( m < 1){
                a -= 1;
                m = 12;
            }
        }else if(m == 4 || m == 6 || m == 9 || m == 11){
            if ( d < 1){
                m -= 1;
                d += 30;
            }
            if ( m < 1){
                a -= 1;
                m = 12;
            }
        }else if(m == 2){
            if ( d < 1){
                m -= 1;
                d += 28;
            }
            if ( m < 1){
                a -= 1;
                m = 12;
            }
        }
        write();
    }

    write();


    suivant.addEventListener("click", datesuivant);
    precedent.addEventListener("click", dateprecedent);

-
Edité par IbrahimaSupertramp 13 septembre 2021 à 14:02:55

ça peut se faire par requête (post/get), par de l'ajax, ou par cookie (le mieux je pense c'est via AJAX)

https://qastack.fr/programming/1917576/how-do-i-pass-javascript-variables-to-php#:~:text=Passer%20de%20la%20valeur%20de%20JavaScript%20%C3%A0%20PHP%20via%20AJAX par exemple

Yes c'est ce que je me suis dis, du coup j'ai mis a jour mon code ajax

ajaxPost("localhost/exo/index.php", d,

    function (reponse) {

        // J'a initialisé let d = 25;

        console.log(JSON.stringify(d));

    },

    true

);

et le var_dump sur ma page.php retourne un null 

$d = json_decode($_POST["d"]);

      echo'<pre>';var_dump($d);echo'</pre>';

      echo $d;

-
Edité par IbrahimaSupertramp 14 septembre 2021 à 15:30:52

tu n'envoies rien en structure json dans ton exemple à moins de le préciser, sauf erreur de ma part. Pourquoi alors faire un json_decode côté php ?

J'ai crée une fonction générique en fait mais je n'arrivais pas a la coller correctement 

-
Edité par IbrahimaSupertramp 15 septembre 2021 à 9:41:43

le code dans le lien n'est pas là pour rien:

var mydata = 55;
var myname = "syed ali";
var userdata = {'id':mydata,'name':myname};
    $.ajax({
            type: "POST",
            url: "YOUR PHP URL HERE",
            data:userdata, 
            success: function(data){
                console.log(data);
            }
            });

avec ça tu récupères côté PHP $_POST['id'] qui contient la valeur de mydata (55) et $_POST['name'] la valeur de myname ("syed ali")
Dans POST les données sont envoyées sous forme de clé => valeur; là, si d=25, data vaut ""25"", il n'y a pas de clé associée (voir peut-être la valeur de $_POST pour voir si on récupère quelque chose malgré tout, mais j'en doute, peut-être $_POST["0"])

j'ai essayé de mettre en œuvre ce que tu as dis :

let d = 25;
let m = 08;
let a = 2021;
let date = {'jour':d, 'mois':m, 'annee':a};

ajaxPost("http://localhost/planning%20amiante%20brut/index.php", date,
function (reponse) {
date = JSON.stringify(date)
console.log(date)
},
true
);

-
Edité par IbrahimaSupertramp 15 septembre 2021 à 9:37:26

Il faut y aller pas à pas, dans ta fonction, tu as bien data qui est égale à ce que contient date ? (un console.log(data) au début de ta fonction) 
Et sinon, ta console t'affiche quoi ?
Ton appel à ta fonction se fait sur le clic d'un bouton, ou directement ?

est-ce que côté php, tu envoies une réponse ? genre

$reponse['success']=" bien reçu!"
print json_encode($reponse)

Et dernière question, as-tu testé mon code sans passer par ta fonction ? (il faut implanter jquery > https://openclassrooms.com/fr/courses/3504441-introduction-a-jquery/3639651-ajoutez-jquery-a-votre-projet )

Alors je comprends pas vraiment dans quelle fonction je dois faire le console.log(data) mais quand je le fais dans la fonction générique cela n'affiche rien et quand je le fais ici :

$.ajax({
    type: "POST",
    url: "http://localhost/planning%20amiante%20brut/index.php",
    data:date,
    success: function(){
        console.log(data);
    }
});

ça me dis que data n'est pas défini. Par contre quand je fais cette fonction :

$.ajax({
    type: "POST",
    url: "http://localhost/planning%20amiante%20brut/index.php",
    data:date,
    success: function(){
        date = JSON.stringify(date)
        console.log(date);
    }
});

j'ai bien {"jour":25,"mois":8,"annee":2021} qui s'affiche sous forme Json dans ma console.

Coté PHP, j'ai mis a jour mon code :

$data = json_decode(file_get_contents('php://input'), true);
echo $data;
var_dump($data);

Et ça m'affiche une string vide. :/

-
Edité par IbrahimaSupertramp 16 septembre 2021 à 10:20:06

IbrahimaSupertramp a écrit:

Alors je comprends pas vraiment dans quelle fonction je dois faire le console.log(data) nmais quand je le fais dans la fonction générique cela n'affiche rien et quand je le fais ici :

$.ajax({
    type: "POST",
    url: "http://localhost/planning%20amiante%20brut/index.php",
    data:date,
    success: function(){
        console.log(data);
    }
});

ça me dis que data n'est pas défini.

Pour l'ajout de console.log(data), c'était dans ta fonction ajaxPOst, celle que tu utilisais pour envoyer tes variables.

L'erreur est normal, tu as écrit function() et pas function(data) => ici ça sert à afficher la réponse du serveur (PHP) à la requête POST que tu envoies

Par contre quand je fais cette fonction :

$.ajax({
    type: "POST",
    url: "http://localhost/planning%20amiante%20brut/index.php",
    data:date,
    success: function(){
        date = JSON.stringify(date)
        console.log(date);
    }
});

j'ai bien {"jour":25,"mois":8,"annee":2021} qui s'affiche sous forme Json dans ma console.

Normal encore, tu affiches la variable JS date.

Coté PHP, j'ai mis a jour mon code :

$data = json_decode(file_get_contents('php://input'), true);
echo $data;
var_dump($data);

Et ça m'affiche une string vide. :/

Okay j'ai refait quelques tests et j'ai rajouté le ajaxpost: 

ajaxPost("http://localhost/planning%20amiante%20brut/index.php", date,     function (data) {
    console.log(data)
})

et du coup dans ma console je n'ai que le html de ma page index.php qui apparait.

Quand je fais un:

var_dump($_POST);

le tableau est vide.

-
Edité par IbrahimaSupertramp 16 septembre 2021 à 11:17:02