Récupération des données json

Recherche :

Mot : Pseudo : Filtrer
Bas de page
Auteur	Sujet : Récupération des données json

mecano31

Bonjour à tous,

Je réalise un système de vote (pouce). Le vote se passe bien quand je clique sur le pouce il m'affiche (1). Le souci est que quand j'actualise ma page je n'arrive pas à récupérer le vote enregistré en base de données (pourtant c'est bien enregistré). Merci pour votre aide !

Un extrait du code:

Code :

// html
<div class="vote" id="11">
<div class="vote_btn">
<span class="btn_like"><img src="img/picto_pouce.png"></span>
<span class="votes_like">0</span>
</div>
</div>

Code :

// controller
public function votingAction(Request $request)
{
$vote_type = $request->request->get('vote');
$unique_id = $request->request->get('unique_id');
$user = $this->getUser();
$user_id = $user->getClientId();
switch ($vote_type) {
case 'like':
$vote_like = $vote_type === 'like' ? 1 : 0;
$votes = new TblVotes();
$votes->setVoteLike($vote_like);
$votes->setClient($user_id);
$votes->setResponse($unique_id);
$em->persist($votes);
$em->flush();
break;
case 'fetch':
$query = $em->getRepository(TblVotes::class)->getSumVotes($unique_id);
$vote_like = ($query["vote_like"]) ? $query["vote_like"] : (0);
$env_rep = array("vote_like" => $vote_like);
$env = new JsonResponse(json_encode($env_rep));
return $env;
break;
}
}

Code :

// js
$(function(){
$.each($('.vote'), function () {
var unique_id = $(this).attr("id" );
var post_data = {'unique_id': unique_id, 'vote': 'fetch'};
var route = Routing.generate('vote');
$.post({
url: route,
data: post_data,
success: function(response) {
console.log(response);
$('#' + unique_id + ' .votes_like').text(response.vote_like);
},
error: function(err) {
alert(err.statusText);
}
});
});
$('.vote .vote_btn').click(function(e) {
e.preventDefault();
var click_button = $(this).children().attr('class');
var unique_id = $(this).parent().attr("id" );
if (click_button === 'btn_like') {
var route = Routing.generate('vote_response');
var post_data = {'unique_id': unique_id, 'vote': 'like'};
$.post({
url: route,
data: post_data,
success: function(response) {
console.log(response);
var data = $.parseJSON(response);
var voted = data.vote_like;
var $votes = $('#' + unique_id + ' .votes_like');
var num = parseInt($votes.text(), 10);
$votes.text(num + 1);
},
error: function(err) {
alert(err.statusText);
}
});
}
});
});

Publicité

dede_sav

Bonjour,

Le console.log(response) du post t’affiche quelque chose ?
Tu es certains que ton code pho renvoie bien la valeur ?

Dd

mecano31

Bonjour @dede_sav,

Merci d'avoir pris le temps de me répondre.
La console me renvoie bien un résultat: {'vote_like': 1}

mechkurt

Essaye de debugger ton selecteur ligne 12 du js en faisant un console.log du selecteur et de l'objet Jquery

Code :

// js
$(function(){
$.each($('.vote'), function () {
var unique_id = $(this).attr("id" );
var post_data = {'unique_id': unique_id, 'vote': 'fetch'};
var route = Routing.generate('vote');
$.post({
url: route,
data: post_data,
success: function(response) {
console.log(response);
console.log('#' + unique_id + ' .votes_like');
console.log($('#' + unique_id + ' .votes_like'));
$('#' + unique_id + ' .votes_like').text(response.vote_like);
},
error: function(err) {
alert(err.statusText);
}
});
});
[...]

---------------
D3

mechkurt

Ah et teste aussi "response.vote_like" car on dirait un string dans ta console, pas un objet...
https://api.jquery.com/jquery.getjson/

---------------
D3

MaybeEijOrNot

but someone at least

Je pense que la dernière remarque de mechkurt met le doigt sur quelque chose.

d'ailleurs si tu consultes la doc de Symphony : http://symfony.com/doc/current/com [...] n-response
Tu apprendras qu'il n'y a pas besoin d'encoder en Json tes données, la class JsonResponse le fait par défaut. Donc là tu encodes en Json du Json, ce qui conduit à un format erroné.

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

mecano31

Merci les gars pour vos réponses,

Si j'enlève json_encode, quand j'actualise ça m'affiche bien le vote. Mais par contre au click sur l’élément pour voter la méthode JsonResponse n'affiche pas le vote.

mechkurt

Modifie to ajax $.post pour faire un jQuery.getJSON (cf.la doc linké) ou convertit ton retour actuel en json...
Là tu as une différence entre ce que ton serveur t'envoi et ce que ton javascript s'attend à recevoir !
Un objet json reste une chaine de caractère tant qu'on ne la pas interprété :
https://developer.mozilla.org/fr/do [...] JSON/parse

---------------
D3

MaybeEijOrNot

but someone at least

Moi je ne comprends pas comment tu te démerdes à chaque fois pour utiliser deux méthodes différentes pour obtenir deux résultats semblables.

Dans le cas du vote tu veux envoyer une requête en Ajax et écouter la réponse en Json.
Dans le cas du chargement de la page tu veux envoyer une requête Ajax et écouter la réponse en Json.

C'est la même chose, on est d'accord ?

Et pourtant du côté php tu te retrouves avec ses deux réponses :

Code :

$votes->setResponse($unique_id);

Code :

$env = new JsonResponse(json_encode($env_rep));
return $env;

Et avec le code que tu fournies, on ne sait pas ce qui se cache derrière :

Code :

$votes->setResponse($unique_id);

Message édité par MaybeEijOrNot le 24-07-2018 à 19:35:04

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

MaybeEijOrNot

but someone at least

D'ailleurs c'est pareil au niveau JS, un coup tu parses ta réponse :

Code :

var data = $.parseJSON(response);

Et l'autre tu utilises directement la réponse :

Code :

$('#' + unique_id + ' .votes_like').text(response.vote_like);

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

Publicité

mecano31

Re,

Ce qui se cache derrière ce code :

Code :

$votes->setResponse($unique_id);

c'est tout simplement qu'un vote est lié à une réponse donnée suite à une question posée par un utilisateur. Donc c'est l'id de la réponse concernée que je récupère dans ce bout de code.

Je récupère le vote sous forme de string et je le parse avec cette méthode : parseInt() pour convertir en entier.

Message édité par mecano31 le 25-07-2018 à 13:40:03

MaybeEijOrNot

but someone at least

Le cas du "like" correspond à cette partie de JS :

Code :

$('.vote .vote_btn').click(function(e) {
e.preventDefault();
var click_button = $(this).children().attr('class');
var unique_id = $(this).parent().attr("id" );
if (click_button === 'btn_like') {
var route = Routing.generate('vote_response');
var post_data = {'unique_id': unique_id, 'vote': 'like'};
$.post({
url: route,
data: post_data,
success: function(response) {
console.log(response);
var data = $.parseJSON(response);
var voted = data.vote_like;
var $votes = $('#' + unique_id + ' .votes_like');
var num = parseInt($votes.text(), 10);
$votes.text(num + 1);
},
error: function(err) {
alert(err.statusText);
}
});
}
});

Dans ce cas tu effectues une requête Ajax et écoute la réponse, une fois la réponse arrivée tu la parses en supposant que c'est du Json :

Code :

var data = $.parseJSON(response);

Mais à quel moment dans ton PHP tu envoies une réponse ? Moi je supposais que la méthode setResponse servait à ça (envoyer la réponse) :

Code :

$votes->setResponse($unique_id);

Mais d'après ce que tu viens de me dire, non ça ne sert pas à envoyer la réponse.

Donc si tu utilises la même méthode que pour le cas du "fetch" pour envoyer une réponse, alors côté JS tu n'as pas besoin de parser la réponse car visiblement l'entête de la réponse précise que c'est du Json et que Jquery arrive à reconnaitre que c'est du Json et le parse automatiquement.

---------------
C'est en écrivant n'importe quoi qu'on devient n'importe qui.

FORUM HardWare.fr

Programmation

Javascript/Node.js

Récupération des données json

Sujets relatifs
Soucis intégration date dans HTML/JSON	[JS] formulaire de modification de données XML avec XPath
Récupération adresse IP de ma Passerelle en C	[HTML/PHP/CSS] Diff de 2 données
Création base de données avec Entity code first	[Symfony 3.3.6] Récupération de données
MariaDB Requête UPDATE JSON_SET sur une colonne NULL	[Perl] Module JSON / Lire un fichier
Excel 2016 - Inscription données saisie par formulaire
Plus de sujets relatifs à : Récupération des données json

Page générée en 0.099 secondes