Effectuer une requête en POST

Version imprimable

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:

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

25/01/2021, 09h46
NoSmoking

Bonjour,

Citation:

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.

ben je trouve ça comme exemple :
Code:

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 ?

Certes mais tu en fais quoi de ton retour ?

On trouve aussi ceci :

Code:

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 );
  });

25/01/2021, 11h20
kristen44

Mais en retour ce doit être le bout de code en php en haut de page qui doit juste m'afficher quelque chose, non ?
25/01/2021, 11h49
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
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 ...

Citation:

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

Citation:

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:

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:

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

25/01/2021, 14h20
SpaceFrog

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

Citation:

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:

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>

25/01/2021, 14h29
SpaceFrog

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 ...
25/01/2021, 14h59
kristen44

Merci à tous.

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