Reception de données avec ajax [Résolu]

[yann18]

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

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,

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

[yann18]

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,

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

[Bovino]

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

[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

[SpaceFrog]

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

[yann18]

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,

[SpaceFrog]

le bouton ???

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

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

[yann18]

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

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

[yann18]

Ok, merci à vous tous.