Méthode $.post - Envoyer variable vers php

**Dropped_User** · 24/11/2017, 12h09

Bonjour,

je souhaite envoyer la contenu d'une variable d'un script java vers un fichier php. J'ai essayé la méthode $.post sans succès. J'utilise la librairie jQuery et mon fichier js et php se trouvent dans le même dossier.

Y a t'il un problème de syntaxe ?

Code js :

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

$.post("script.php", {ma_variable: 'Ça marche' });

Coté php, ma variable est retournée comme NULL

Code php :

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

1
2
3
<?php 
var_dump($_POST['ma_variable']); 
?>

Existe t'il une autre méthode ?

**SpaceFrog** · 24/11/2017, 12h38

curieux ...
essaye à tout hasard

Code :

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

$.post("script.php", {'ma_variable': 'Ça marche' });

Mais il n'y a pas de raison que le variable ne soit pas passée ...

essaye aussi

Code :

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

1
2
3
<?php 
var_dump($_POST); 
?>

**Dropped_User** · 24/11/2017, 14h10

Pas mieux.

Code :

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

var_dump($_POST);

Cela me renvoi :

Code :

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

array(0) { }

**a0rk1** · 24/11/2017, 14h21

Quand tu dis que ton fichier php et le fichier js sont dans le même dossier, cela veux dire qu'ils sont à la racine du wwwroot ?
Parce que c'est l'appel que tu fais en faisant :

Code :

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

$.post("script.php", {ma_variable: 'Ça marche' });

**Dropped_User** · 24/11/2017, 14h24

Mon fichier index.php, jquery.js, script.js et script.php sont tous dans le même dossier. Ils ne sont pas directement à la racine mais dans le même dossier.

**a0rk1** · 24/11/2017, 14h32

Tu peut commencer par t'assurer dans ton navigateur, que ton post fonctionne correctement( f12 => network).

**Dropped_User** · 24/11/2017, 14h41

Voila ce que ça donne
Nom : network.png
Affichages : 2658
Taille : 29,8 Ko

De ce coté cela fonctionne (voir l'encadré)
Nom : reponse.png
Affichages : 2692
Taille : 19,4 Ko

Mais coté navigateur j'ai toujours NULL.

**a0rk1** · 24/11/2017, 15h15

Euh, ce coté la c'est le coté navigateur.

Dans ton $.post tu dois tu dois utiliser une callback pour afficher la réponse du Server.

**Dropped_User** · 24/11/2017, 15h29

Envoyé par a0rk1

Euh, ce coté la c'est le coté navigateur.

Pardon je m'exprime mal, je voulais dire sur ma page web en tant que tel (index.php).

Envoyé par a0rk1

Dans ton $.post tu dois tu dois utiliser une callback pour afficher la réponse du Server.

Je pense que l'on progresse, lorsque j'insère ceci :

Code js :

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

1
2
3
$.post("script.php", { ma_variable: 'Ca marche' }, function(data) {
	alert(data);    
});

J'ai bien une fenêtre qui s'ouvre et qui m'affiche string(9) "Ca marche". Par contre sur ma page web j'ai toujours NULL. Comment faire pour que cette valeur soit exploitable dans mon fichier script.php ? (qui est appelée dans ma page index.html).

**ABCIWEB** · 24/11/2017, 17h36

Le troisième argument, ici function(data) {alert(data);}, représente le retour serveur, data est donc le retour de ce que le script "script.php" affiche. Et s'il l'affiche c'est bien qu'il a récupéré cette valeur...

**Dropped_User** · 25/11/2017, 10h50

Ok mais dans ce cas comment expliquer que sur ma page en tant que telle, var_dump($_POST['ma_variable']); affiche NULL ? Ce que je souhaite c'est que cela affiche string(9) "Ca marche", pas seulement dans ma fenêtre alert. L'idée est de pouvoir utiliser cette variable dans mon fichier script.php

Quelque chose d'important m'échappe, je débute en php, navré si mes questions sont aberrantes.

**ABCIWEB** · 25/11/2017, 13h17

Je sais pas ce que tu fais. Comment vérifie-tu que var_dump($_POST['ma_variable']); affiche null ?

Si tu es débutant commence par faire des exemples basiques. Je te donne le contenu de deux nouveaux fichiers, un fichier html et un fichier php de destination ajax. Pose-les sur ton serveur et fais des tests.

fichier html

Code html :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script> 
$.post("script_ajax.php", { ma_variable: 'Ca marche' }, function(data) {
        alert(data);    
});</script> 
</head>
<body>
 
</body>
</html>

fichier php de destination de la requête ajax nommé "script_ajax.php"

Code php :

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

1
2
3
<?php
echo json_encode($_POST['ma_variable'].' enfin !!!');
?>

J'ai utilisé json_encode car c'est le standard universel qui permet de retourner également des tableaux. Si on ne l'utilise pas on ne peut renvoyer que des chaines de caractères, il ne serait donc pas indispensable ici, mais bon autant prendre de bonnes habitudes.

**Dropped_User** · 27/11/2017, 15h26

Quand je dis que var_dump($_POST['ma_variable']); affiche null c'est que j'ai inclus ma page php dans ma page principale avec <?php include('script_ajax.php'); ?>. Cela ne peut pas fonctionner, ajax étant asynchrone le script principal est exécuté avant même que la requête ai renvoyé un résultat (si j'ai bien compris).

Merci pour l'exemple en tout cas.

**ABCIWEB** · 28/11/2017, 06h26

Bah oui il faut utiliser deux fichiers séparés. Alors résolu ?

**Dropped_User** · 28/11/2017, 11h36

Juste un dernier point: admettons que je veuille avoir un "retour" de cette information sur ma page principale (faire que "Ca marche enfin !!!" s'affiche sur ma page), quel serait le meilleur moyen ?

J'ai essayé d'inclure ma page php dans la page html mais cela ne peut pas fonctionner.

**ABCIWEB** · 28/11/2017, 13h58

Pas d'inclusion pour l'ajax, il faut deux fichiers et pis c'est tout.

Donc dans ta page tu crée un identifiant dans lequel sera inséré le retour de la requête ajax. Et dans ton code javascript tu cible ce sélecteur dans lequel tu inséreras le retour "data" à l'aide de la fonction html() qui comme son nom l'indique permet d'insérer du html.

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
<!DOCTYPE html>
<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script> 
$.post("script_ajax.php", { ma_variable: 'Ca marche' }, function(data) {
        $("#retour_ajax").html(data);  
});</script> 
</head>
<body>
<div>On va y arriver !</div>
 
<div id="retour_ajax" style="margin-top:2em;"></div>
 
</body>
</html>

Selon les cas tu pourrais choisir de n'insérer que du text (non formaté) ou encore tu pourrais récupérer un tableau à exploiter qui te permettrait par exemple de peupler différentes cibles simultanément dans ta page. Tu peux aussi te servir de toutes les fonctions javascript qui permettent de modifier le DOM (createElement, appendchild etc..) ou l'équivalent avec les raccourcis jQuery ou encore mélanger les deux pour modifier le DOM.

Bref les possibilités sont vastes.

Mais tu peux aussi renvoyer du html directement depuis le fichier php, ça fonctionne aussi et c'est bien pratique tant qu'on a qu'une seule cible à peupler au retour ajax (sinon faut passer par json et exploiter les différents éléments du tableau qu'on renverra en php). Un autre exemple :

script_ajax.php :

Code PHP :

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

1
2
3
4
5
6
7
8
<?php
//echo json_encode($_POST['ma_variable'].' enfin !!!');
if(isset($_POST['ma_variable']))
{?>
	<div style="width:50%;margin:auto;padding:2em;background:#FC9;color:#666;font-size:2em;font-weight:bold;font-family:Verdana, Geneva, sans-serif;border:2px solid black">
		<?=$_POST['ma_variable'].' enfin !!!'?>
	</div>
<?php } ?>

C'est magique Ajax

Prochaine étape, tu crée un bouton qui permet de déclencher la requête ajax sur commande et tu auras la base pour commencer à t'amuser pendant longtemps.

**Dropped_User** · 28/11/2017, 14h26

Merci beaucoup pour cet exemple qui va me donner du grain à moudre pour pas mal de temps

Méthode $.post - Envoyer variable vers php

jQuery

Discussions similaires

Partager

Partager