Impossible de récupérer une value envoyée en post ?

Version imprimable

2 pièce(s) jointe(s)

Bonjour,

Je rencontre un soucis, je n'arrive pas à récupérer la valeur d'une variable envoyée en POST via AJAX.

Voici mon code :

J'ai un bouton qui enregistre la variable title dans data-title

Code:

echo '<div><button class="verify" data-title="' . '\'' . $title . '\'">Vérifier</button></div>';

j'ai plusieurs boutons générés dans une boucle foreach avec la même class qui font la même chose, seul la valeur de title change.

Ensuite normalement chaque bouton à enregistré une valeur différente de la variable title.
Je dois faire en sorte que quand je clique sur le chaque bouton, ca lance une requête POST avec la valeur de title avec la key title2:
Code:

1 2 3 4 5 6 7 8 9 10 11 $(".verify").click(function(){ var title = $(this).data("title"); console.log(title); // Code ajax pour envoyer la variable title $.ajax({ type: "POST", url: "test.php", data: { title2: title }, }); });
j'ai vérifié dans la console, la valeur s'envoi bien :
Pièce jointe 633610
Pièce jointe 633611

Ensuite j'essaie dans mon PHP de récupérer la valeur de title2 :
Code:

1 2 $title = $_POST['title2']; var_dump($title);
mais ca me met les erreurs suivantes :

Citation:

Warning: Undefined array key "title2" in /var/www/html/test/test.php on line 115
NULL

Est-ce que quelqu'un sait pourquoi je n'arrive pas à récupérer cette valeur ?

Merci

02/02/2023, 18h13
cavo789

Ne faudrait-il pas les guillemets sur votre ligne data ? Il s'agit à deux reprises de textes, le nom de la variable et la valeur.
02/02/2023, 18h17
marcoxavier

Merci pour votre réponse.
J'ai essayé a peu prêt toutes les combinaisons possibles de guillemets, le problème reste le même.
02/02/2023, 21h53
Séb.

Citation:

Ensuite j'essaie dans mon PHP de récupérer la valeur de title2

Comment t'y prends-tu pour vérifier le résultat ?
Il faudrait vérifier l'onglet "Réponse" de la console JS.

Sinon dur de t'aider sans code pour reproduire le défaut.

Hello, voici le code de l'onglet Réponse, j'ai retiré les parties qui ne concernent pas ce problème car sinon ca aurait été trop long :

Code:

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
<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script><link rel="stylesheet" type="text/css" href="CSS/discovers.css"><!DOCTYPE html>
<html>
<head>
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
 
 
<div class="topnav">
  <a href="search_main.php">Accueil</a>
  <a href="list_1.php">Séries</a>
  <a href="list_3.php">Films</a>
  <a href="discover_1.php">Dernières Séries</a>
  <a href="discover_2.php">Derniers Films</a>
</div>
 
</html>
<script>
  var currentPage = window.location.pathname.split('/').pop()
  var homeLink = document.querySelector("a[href='search_main.php']");
  var seriesLink = document.querySelector("a[href='list_1.php']");
  var filmsLink = document.querySelector("a[href='list_2.php']");
  var seriesPopulairesLink = document.querySelector("a[href='discover_1.php']");
  var filmsPopulairesLink = document.querySelector("a[href='discover_2.php']");
  
 
  if (currentPage == 'search_main.php') {
    homeLink.classList.add("active");
  } else if (currentPage == 'list_1.php') {
    seriesLink.classList.add("active");
  } else if (currentPage == 'list_2.php') {
    filmsLink.classList.add("active");
  } else if (currentPage == 'discover_1.php') {
    seriesPopulairesLink.classList.add("active");
  } else if (currentPage == 'discover_2.php') {
    filmsPopulairesLink.classList.add("active");
  }
 
    var button = document.getElementsByClassName("verify");
    var modal = document.getElementById("myModal");
    var span = document.getElementsByClassName("close")[0];
    for (var i = 0; i < button.length; i++) {
        button[i].addEventListener("click", function() {
        modal.style.display = "block";
        });
    }
    span.onclick = function() {
        modal.style.display = "none";
    }
    window.onclick = function(event) {
        if (event.target == modal) {
        modal.style.display = "none";
        }
    }
    $(".verify").click(function(){
        var title = $(this).data("title");
        console.log(title);
 
        // Code ajax pour envoyer la variable title
        $.ajax({
            type: "POST",
            url: "test.php",
            data: { title2: title },
        });
    });
</script>

je ne suis pas sur que cela t'aide grandement ? mon problème c'est que je n'arrive pas à récupérer la valeur du POST envoyé par AJAX. Elle est pourtant bien envoyée car je vois bien la requête post dans la console

02/02/2023, 22h30
Séb.

Citation:

je ne suis pas sur que cela t'aide grandement ?

Ça ne risque pas, il ne tourne pas ton code.

Citation:

mon problème c'est que je n'arrive pas à récupérer la valeur du POST envoyé par AJAX.

D'où ma question sur le modus operandi de la récupération de la valeur.
03/02/2023, 01h00
Toufik83

Bonjour,

Avez-vous essayé de supprimer type:"post" d'ajax et récupérer la variable en PHP avec $_GET ?

Est-ce que le bouton est à l'intérieur d'un élément <form> ?