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

**marcoxavier** · 02/02/2023, 18h07

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 :

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

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 javascript :

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

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 :
Nom : post.png
Affichages : 101
Taille : 2,4 Ko

Nom : title.png
Affichages : 93
Taille : 6,8 Ko

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

Code :

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

1
2
$title = $_POST['title2'];
var_dump($title);

mais ca me met les erreurs suivantes :

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

**cavo789** · 02/02/2023, 18h13

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.

**marcoxavier** · 02/02/2023, 18h17

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.

**Séb.** · 02/02/2023, 21h53

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.

**marcoxavier** · 02/02/2023, 22h02

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 html :

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
<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