Effectuer une requête en POST

**kristen44** · 25/01/2021, 08h50

Bonjour à tou.te.s,

Un problème de débutant, vraiment : j'ai beau lire et relire les docs disponibles, je n'arrive pas à faire fonctionner ce petit programme (ajax.php) :

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
<?php
if (isset($_POST)) { 
 $lien= $_POST[lien];
 echo $lien;
} 
?>
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
function envoi()
{
  $.post("ajax.php",
  {lien: "www.lienpérimé.fr"})
}
</script>
</head>
<body>
<button  onClick="envoi()">envoi</button>
</body>
</html>

Je voudrais qu'il m'affiche "www.lienpérimé.fr"
1 - $.post a les deux arguments obligatoires.
2 - le traitement de la requête est faite sur la même page, et non un fichier externe, mais je pense que c'est licite. Alors ?

Merci de votre aide

**NoSmoking** · 25/01/2021, 09h46

Bonjour,

j'ai beau lire et relire les docs disponibles,
(...)
1 - $.post a les deux arguments obligatoires.

Sûrement que tu n'as pas lu la bonne : jQuery.post(), à voir les exemples avant de continuer.

**kristen44** · 25/01/2021, 10h40

ben je trouve ça comme exemple :

Code :

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

1
2
//Request the test.php page and send some additional data along (while still ignoring the return results).
$.post( "test.php", { name: "John", time: "2pm" } );

Je ne vois pas la différence avec mon code ?

**NoSmoking** · 25/01/2021, 10h55

Certes mais tu en fais quoi de ton retour ?

On trouve aussi ceci :

Code :

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

1
2
3
4
5
//Alert the results from requesting test.php with an additional payload of data (HTML or XML, depending on what was returned).
$.post( "test.php", { name: "John", time: "2pm" })
  .done(function( data ) {
    alert( "Data Loaded: " + data );
  });

**kristen44** · 25/01/2021, 11h20

Mais en retour ce doit être le bout de code en php en haut de page qui doit juste m'afficher quelque chose, non ?

**SpaceFrog** · 25/01/2021, 11h49

Tu as un souci de compréhension de la chronologie du déroulement de l'ajax ...

To echo POST n'intervient jamais lors du premier chargement car il n'y a pas de post
Tu n'exploites pas le retour de ton ajax sur la page, un ajax ne recharge pas la page, il execute la page appelée coté serveur.

Regarde plutot en console dasn l'onglet xhr, tu y verras bien la réponse ajax (l'echo )
mais tu n'en fait rien ...
tu dois évoquer le done ou le success ...

**kristen44** · 25/01/2021, 12h57

Envoyé par SpaceFrog

Tu as un souci de compréhension de la chronologie du déroulement de l'ajax ...

To echo POST n'intervient jamais lors du premier chargement car il n'y a pas de post

ça, j'avais compris

Envoyé par SpaceFrog

Tu n'exploites pas le retour de ton ajax sur la page, un ajax ne recharge pas la page, il execute la page appelée coté serveur.

c'est là que je bloque ! pourquoi mon bout de code php ne fait rien ? car la page s'appelle elle-même, mais côté serveur, non ?
En fait l'appel appelait au départ un script php différent, chargé d'inclure les liens défectueux dans une BDD. Mais comme ça ça ne fonctionnait pas, j'ai décidé de tester chaque étape une par une en commençant par la 1ere, l'envoi.
Si je transforme mon bout de code en suivant l'exemple qu'on m'a donné plus haut de la façon suivante :

Code :

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

1
2
3
4
5
6
7
8
9
 
function envoi()
{
  $.post("ajax.php",
  {lien: "www.lienpérimé.fr"})
  .done(function( data ) {
    alert( "Data Loaded: " + data );
  });
}

l'alerte le renvoie ceci :

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
 
Data Loaded:www.lienpérimé.fr
<html>
<head>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script>
function envoi()
{
  $.post("ajax.php",
  {lien: "www.lienpérimé.fr"})
  .done(function( data ) {
    alert( "Data Loaded: " + data );
  });
}
</script>
</head>
<body>
 
<button  onClick="envoi()">envoi</button>
 
</body>
</html>

Je ne comprends pas non plus pourquoi le code lui-même fait partie des data...

**SpaceFrog** · 25/01/2021, 14h20

Tu fais un test isset sur le post
mais pas de else ... donc le reste du code est envoyé à chaque fois

**NoSmoking** · 25/01/2021, 14h25

Je ne comprends pas non plus pourquoi le code lui-même fait partie des data...

Tu n'as pas de clause ELSE dans ta page, donc tout est envoyé !

Essaie avec ce fichier basique :

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
<?php
header('Content-type: text/html; charset=UTF-8');
if( $_POST){
  if (isset( $_POST['lien'])){
    $lien = $_POST['lien'];
    echo '<span style="color: #080">' .$lien .'</span>';
  }
  else {
    echo '<span style="color: #F00">Paramètre érroné !</span>';
  }
  // quitte sinon faire un else
  exit;
}
?>
<!DOCTYPE html>
<html lang="fr">
<head>
<meta charset="UTF-8">
<title>Test Ajax</title>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>
<script> 
function envoi(param) {
  const url = "<?php echo basename(__FILE__) ?>";
  const dataRequete = {};
  dataRequete[param] = "www.lienpérimé.fr";
  $.post(url, dataRequete)
    .done(function(data) {
      $("#reponse")
        .html(data);
    });
}
</script>
</head>
<body>
<!-- c'est pas jQuery mais bon ! -->
<button  onclick="envoi('lien')">Envoi -> lien</button>
<button  onclick="envoi('autre')">Envoi -> autre</button>
<div id="reponse"></div>
</body>
</html>

**SpaceFrog** · 25/01/2021, 14h29

Le else doit être plus englobant et contenir le reste du code de la page vu que l'appel ajax se fait sur la même page que celle qui contient l'appel ajax ...

**kristen44** · 25/01/2021, 14h59

Merci à tous.

Efficaces et pédagos : j'ai l'impression d'être moins bête....
Bonne journée à tous !

Effectuer une requête en POST [AJAX]

jQuery

Discussions similaires

Partager

Partager