Discussion :

[aljessy]

Salut, j'ai mis sur pied un sondage sur mon site (www.starter-mag.cm)

Pour celà, j'ai un script php qui me permet de recupérer l'identifiant du sondage en question que j'utilise dans le code jquery qui me permet de valider l'action du sondage sans avoir à recharger la page. Le problème que j'ai est le suivant : Compte tenu du fait que j'exécute mon script php au chargement de ma page, une fois que le sondage est effectuer, les valeurs que j'ai ne sont pas à jour.

Comment faire pour mettre à jour mes variables php dans le jquery?

[mathieu]

de quelles valeurs parles-tu ? des choix du sondage fait par le visiteur ?

[aljessy]

Quand le visiteur vote, j'utilise un mécanisme ajax pour enregistrer son choix en base de données et après j'affiche le resultat du sondage sauf que mon resultat ne tien pas compte du nouveau vote, je demandais donc comment je peux modifier la fonction success de jquery pour faire un select dans la base de donnée que je viens de mettre à jour

[mathieu]

habituellement, c'est le script PHP qui enregistre le nouveau vote qui s'occupe de faire le SELECT et de retourner le nouveau résultat
et donc l'appel AJAX se fait par exemple comme ça, avec dans "data" du résultat le nouveau code HTML du nombre de vote

Code :

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

1
2
3
4
5
6
7
$.ajax({
    url: "script.php"
    , type: "POST"
    , data: formData
}).done(function (data, textStatus, jqXHR) {
    jQuery("#resultat").replaceWith(data);
});

[aljessy]

Comment renseigner la variable data dans le code php qui enregistre le nouveau vote et ainsi pouvoir l'utiliser?

[Darkauron]

Bonjour,

Un simple echo dans le php te permet de renseigner la valeur data dans le JS. Après, ton echo va dépendre du format de retour attendu par Ajax (json, xml, ...).


Darkauron

[aljessy]

Exemple s'il te plait car je fais un retour json mais celà ne fonctionne pas

[Darkauron]

Pour un retour JSON :

Côté php

Code php :

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

1
2
3
4
5
 
$val1="val1";
$val2="val2";
$res=array("retour1"=>$val1,"retour2"=>$val2);
echo json_encode($res);

Coté JS

Code javascript :

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

1
2
3
4
/*appel ajax...*/, function(data) {
var val1 = data.retour1; //valeur de $val1
var val2 = data.retour2; //valeur de $val2
}

Ça ne devrait pas être mal comme ça. Après, tu dois adapter pour faire correspondre à ton besoin.

[aljessy]

Bonjour je ne sais pas à quel niveau j'ai fait une erreur vue que je passe bien mes valeurs via json en php mais j'arrive pas à les récuperer.

Voici mon code php

Code php :

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

1
2
3
4
5
$valeurOui = 8;
$valeurNon = 5;
$resultat=array("valeurOui"=>$valeurOui,"valeurNon"=>$valeurNon);
 
echo json_encode($resultat);

et mon code jquery

Code :

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

1
2
3
4
5
6
7
8
9
10
11
$.ajax({type: "POST", url: "sitepages/vote.php", data: dataString,
	success: function(retour){
		var valOui = Math.round(retour.valeurOui*100)/100;
		var valNon = Math.round(retour.valeurNon*100)/100;
		alert(retour.valeurOui);
		$("#resultat_sondade").append('<progress id="progressbarOui" value='+valOui+' max="100"></progress>');
		$("#resultat_sondade").append('<span class="progress-value">Oui - '+valOui+' %"</span>');
		$("#resultat_sondade").append('<progress id="progressbarNon" value='+valNon+' max="100"></progress>');
		$("#resultat_sondade").append('<span class="progress-value">Non - '+valNon+'%"</span>');
	}
});

[Bovino]

Code :

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

data: dataString

[aljessy]

Code :

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

data: dataString

dataString contient des valeurs qui me permettent d'effectuer une première opération d'insertion. c'est à la suite que je fais une requete de sélection. Il a quel problème

[mathieu]

utilise la console au lieu d'"alert", tu verras plus d'informations sur le résultat

Code :

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

1
2
console.log(retour);
console.log(retour.valeurOui);