Reception de données avec ajax

Version imprimable

08/06/2011, 12h07
yann18

Reception de données avec ajax
Bonjour/ bonsoir,

J'ai jusqu'à présent développé une application en PHP. Un simple formulaire qui envoie des données à un fichier tiers, qui fait appel lui-même à une méthode (classe) Ce qui donne :
Code:

1 2 3 4 if (isset($_POST['validNewProd'])) { $gestion_products->ajoutProduit_fiche($_POST); echo Common_functions::$message; }
En PHP seul, ce code est fonctionnel.
Je rajoute maintenant une couche de java-script qui envoie les données en ajax à ce même fichier. Le problème qui se pose est que '$_POST['validNewProd']' n'est plus reconnu.
Ma volonté est d'essayer de garder l'application fonctionnelle si java-script est désactivé (dégradation élégante). Comment faire en sorte alors de conserver ces deux aspects sur ce même fichier ? (ou d'une autre manière)
Merci,
08/06/2011, 12h09
andry.aime

Bonjour,

Ce qu'on voit ici c'est ton code PHP qui ne nous aidera pas à trouver l'erreur. Montre nous ton code Javascript et HTML concerné.

A+.

Ok, j'aurais dû poster dans le forum jquery alors.
Le formulaire:

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
<form name="addProduct" id="addProduct" method="post" action="file.php" target="_blank">
...
<label for="famille">Famille de produits</label>
...
<select name="famille" id="famille" title="famille">
  <option selected="selected">Choisissez une famille</option>
  <option>- - - - - - - - - - - - - - - - -</option>
  <option value="1">Baguettes</option>
  <option value="2">Pains</option>
  <option value="3">Pains spéciaux</option>
...
</select>
...
<label for="nameProd">Nom du produit *</label>
...
  <input name="nameProd" id="nameProd" title="Un nom" value="" type="text">
...
<label for="descript">Description du produit</label>
...
<textarea name="descript" cols="30" rows="5" id="descript"></textarea>
...
  <input name="validNewProd" id="validNewProd" value="Enregistrer le produit" type="submit">
...
</form>

Le java-script:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
$(function (){
    $('#validNewProd').click(function(){  
        if(validateAddProduct()){ //Si les données sont bien valides (fonction tiers)
            var famille = $('#famille').val();
            var nom = $('#nameProd').val();
            var descript = $('#descript').val();
            $.post('file.php', {famille: famille, nameProd: nom, descript: descript}, function(data){
                alert(data);
            });
        }
       return false; 
    });
});

Data est vide si je laisse le fichier PHP en l'état. Mais si je supprime la condition, le retour s'effectue bien. Merci,

08/06/2011, 12h39
SpaceFrog

tu envoies direct un json ?
faut peut petre le serializer non ?
sinon au niveau du format

Code:

$.post('file.php', {"famille": famille, "nameProd": nom, "descript": descript}
08/06/2011, 12h41
Bovino
Citation:

Le problème qui se pose est que '$_POST['validNewProd']' n'est plus reconnu.
Code:

1 2 3 $.post('file.php', {famille: famille, nameProd: nom, descript: descript}, function(data){ alert(data); });
Mouais... c'est effectivement étonnant qu'un paramètre que tu n'envoies pas ne soit pas reconnu... :roll:
08/06/2011, 12h45
supersnail

Bonjour,

Ton problème est tout à fait normal: Lorsque tu fais une requête AJAX, tu n'envoies QUE les données que tu as mises dans ta liste de paramètezs. Or, dans ces données, "validNewPost" ne figure pas dedans, ce qui pose problème pour ta page PHP. Une solution serait de rajouter un "validNewPost" pouvant contenir n'importe quoi à ta liste de paramètres, pour que ta condition soit vérifiée ;)
08/06/2011, 13h38
SpaceFrog

ou de serializer le form pour transmettre toutes les données ...
08/06/2011, 14h43
yann18

Citation:

ou de serializer le form pour transmettre toutes les données ...

Ca serait la meilleure solution, mais en écrivant ceci:

Code:

alert($('#addProduct').serialize());

J'obtiens:

Code:

famille=4&nameProd=croissants&descript=+++++++++++++++++++++++++++++

Le bouton n'est pas pris en compte... Et ce n'est pas la première fois que je remarque ça avec cette fonction (à moins que je m'y prenne mal)
merci,
08/06/2011, 14h49
SpaceFrog

le bouton ???
08/06/2011, 15h07
yann18

Autant pour moi, selon la doc concernant .serialize(), les boutons type 'submit' ne sont pas pris en compte... Mais du coup et par rapport à mon problème, comment puis-je employer cette fonction alors que j'ai quand même besoin de cette donnée pour le fonctionnement du fichier PHP ? (merci supersnail et bovino)
merci,
08/06/2011, 15h37
SpaceFrog

quel interet de prendre un bouton en compte ???
pour savoir lequel à été cliqué ??? si tu as plusieurs forms sur la page pointant sur la même page d'action ...

utilise un champs hidden ?

Citation:

si tu as plusieurs forms sur la page pointant sur la même page d'action ...

c'est à peu près ça... Dans le fichier PHP, j'ai plusieurs actions possibles:
Code:

1 2 3 4 5 6 7 8 9 10 //Pour la création d'un nouveau produit if (isset($_POST['validNewProd'])) { $gestion_products->ajoutProduit_fiche($_POST); echo Common_functions::$message; } //Pour l'update d'un produit if (isset ($_POST['update_btn'])) { ... }
D'où mon insistance sur ce foutu bouton... Il faut bien que je sache, même par ajax, lequel a été utilisé.

08/06/2011, 15h52
SpaceFrog

sur le onclick de tes boutons submit
mets une value du bouton dans un champ hidden tu feras ton routage en php sur un test sur le value du champs hidden ...
08/06/2011, 17h26
yann18

Ok, merci à vous tous.