Discussion :

[stephanegui]

Bonjour,
Je debute en ajax et j ai recuperé un tutto de panier pour une eventuelle boutique , j ai adapté le code mais je n arrive pas a mettre a jour en direct le total a payé et le compteur :

dans un formulaire ou j ai la taille,le nombre et l id du produit des que je valide addpanier.php j ai app.js qui devrait me retourner les bons elements mais j arrive pas a avoir la data.

le code addpanier.php

Code php :

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
$json = array('error' => true);
if(isset($_GET['id'])){
	$product = $DB->query('SELECT ID FROM BOUTIQUE_PRODUIT WHERE ID=:id',array('id'=>$_GET['id']));
	if(empty($product)){
		$json['message'] = "Ce produit n'existe pas";
	}else{
		$panier->add($product[0]->ID,$_GET['qty'],$_GET['size']);
		$json['error']  = false;
		$json['total']  = number_format($panier->total(),2,',',' ');
		$json['count']  = $panier->count();
		$json['message'] = 'AJOUT OK';
	}
}else{
	$json['message'] = "Vous n'avez pas sélectionné de produit à ajouter au panier";
}
echo json_encode($json);

le code app.js

Code :

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
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
$(document).ready(function() {
    // lorsque je soumets le formulaire
 
    $('#ajoutpanier').on('submit', function() {
        // je récupère les valeurs
        var id = $('#id').val();
 
        // je vérifie une première fois pour ne pas lancer la requête HTTP
        // si je sais que mon PHP renverra une erreur
        if(id == '') {
            alert('Les champs doivent êtres remplis');
        } else {
            // appel Ajax
            $.ajax({
                url: $(this).attr('action'), // le nom du fichier indiqué dans le formulaire
                type: $(this).attr('method'), // la méthode indiquée dans le formulaire (get ou post)
                data: $(this).serialize(), 
 
                 // je sérialise les données (voir plus loin), ici les $_POST
                success: function(data) { // je récupère la réponse du fichier PHP
                    // j'affiche cette réponse
 
                    $('#total').empty().append(data.total);
		$('#count').empty().append(data.count);
                $('#success').css("display","block"); 
             $('#success').fadeIn(500).delay(3000).fadeOut(500);
 
                }
            });
        }
        return false; // j'empêche le navigateur de soumettre lui-même le formulaire
    });
});

si vous avez une idee ca serait sympa , merci
cdt

[Marco46]

Y-a-t-il une erreur dans la console ?

Que dit l'outil de debug du network ?

[stephanegui]

Dans la console sous chrome j ai rien et network non plus
sous firefox dans j ai les donnee en json qui s affiche sinon rien d autre

Code :

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

{"error":false,"total":"40,00","count":4,"message":"AJOUT OK"}

mon probleme je pense est sur le success je doit pas faire comme il faut le

Code :

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

1
2
3
4
5
6
success: function(data) { // je récupère la réponse du fichier PHP
  // j'affiche cette réponse
  $('#total').empty().append(data.total);
  $('#count').empty().append(data.count);
  $('#success').css("display","block"); 
  $('#success').fadeIn(500).delay(3000).fadeOut(500);

normalement je dois avoir quelque chose si je fais un alert(data);
cdt

[psychadelic]

ne manquerait-il pas :

Code :

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

1
2
3
4
$.ajax({
...
 
  dataType: "json",

?