Panier d'achat Javascript

**otmanya** · 04/04/2018, 10h04

Bonjour,

Voila je rencontre un petit problème avec mon code.

Je suis débutant en javascript, j'essaie de faire une petite boutique en ligne juste avec du javascript.

J'utilise un fichier json recuperer mes produit et pour le moment ca fonctionne, mes produits s'affiche dans ma page principale.
J'ai une fonction qui ajoute les produits selectionner dans un tableau, qui seront ensuite afficher dans le panier.

Ma fonction marche bien car lorsque je fais un alert, mon tableau contient bien mes articles.
Le soucis c'est que le tableau se vide en passant dans la page 'panier'.

Par contre, si je met des valeur en dur dans le panier, ca fonctionne très bien.
var panier = [{"DESCRIPTION": "Table noire", "ARTICLE":"70001548", "PRIX": 12.50, "QUANTITE": 1},
{"DESCRIPTION": "Table rouge", "ARTICLE":"70001545", "PRIX": 12.50, "QUANTITE": 1}]

Voici la fonction qui ajoute les produits au panier

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
 
var panier = new Array();
function ajoutAuPanier(id){
               $.ajax({ 
                type: 'GET', 
                url: 'Liste_produits/produits.json', 
                data: { get_param: 'value' }, 
                dataType:'json',
                success: function (data) {         
                    $('#cand').html(data);
                        $.each(data, function(i, item) {
                        if(id===item.ARTICLE){
                            panier.push(item);
                           afficherPanier();
                        }
 
                        }); 
                }
               });
            }

D'après mes recherche il faut utiliser les cookies, mais je ne vois pas comment m'y prendre dans ce cas

Pouvez-vous m'aider svp, j'ai passé ma journée hier et je n'avance pas, merci bcp

**yildiz-online** · 04/04/2018, 10h22

Si tu n'as pas de serveur, il faut effectivement persister les données quelque part.

Tu peux le faire coté client, soit avec un cookie, soit avec le localstorage d'html 5

Tu peux également simplement passer le contenu en paramètre de ta requête quand tu changes de page.

Pour les cookies, il y a un article sur ce site

https://ppk.developpez.com/tutoriels...es-javascript/

**otmanya** · 04/04/2018, 10h31

Merci pour ta réponse, je vais voir pour passer le contenu en paramètre.

J'ai déclarer mes fonction et variable dans un fichier JS.

Donc en fait je dois passer mon tableau en paramètre vers ma page 'panier' ? mais du coup comment ca se passe, la fonction reconnait ma variable qui est dans le fichier JS.