Récupérer des données dans une base de données mysql en javascript

- - Dernière réponse : jordane45
Messages postés
26749
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
13 novembre 2019
- 5 nov. 2019 à 10:38
Bonjour à tous,

Je suis en train de réaliser une application en php et mysql, et aujourd'hui je souhaite rajouter un graphique javascript avec Chart.js, qui est assé simple d'utilisation, maintenant, je souhaiterai que ce graphique prenne des valeurs dans ma base de données mysql.

Pouvez vous me dire comment alimenter mon graphique en toute sécurité en me connectant à ma base de données?


Merci de votre aide et de vos conseils.
Cordialement.
Afficher la suite 

2 réponses

Meilleure réponse
Messages postés
26749
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
13 novembre 2019
1878
1
Merci
Bonjour,

Le plus simple est de le faire en AJAX.
https://gist.github.com/dancameron/18ad7e46399406259323

Dire « Merci » 1

Heureux de vous avoir aidé ! Vous nous appréciez ? Donnez votre avis sur nous ! Evaluez CommentCaMarche

CCM 70870 internautes nous ont dit merci ce mois-ci

Commenter la réponse de jordane45
0
Merci
Bonjour, et merci pour ton aide.

Je viens de parcourrir le lien que tu m'a donner, mais je vais avoir besoin de ton aide pour pouvoir comprendre.
Mais comment me connecter a mysql, je ne vois pas a quel moment le code le demande et ou est la requete pour en extraire les données ?

Merci de ton aide je suis completement perdu :/
Salut, en fait AJAX ne se connecte pas à la base de données. Il n'y a qu'un langage côté serveur qui peut faire cela (PHP en l'occurence). Celui ci génère de façon asynchrone(avant que la requête soit demandée) un fichier de métadonnées (XML, JSON , txt...). Donc AJAX oui mais le SQL(la base) passe par PHP uniquement (voir PDO).
Une explication détaillée ici: https://openclassrooms.com/fr/courses/245710-ajax-et-lechange-de-donnees-en-javascript/244425-le-concept-dajax
jordane45
Messages postés
26749
Date d'inscription
mercredi 22 octobre 2003
Statut
Modérateur
Dernière intervention
13 novembre 2019
1878 -
L'ajax est un protocol qui permet à un script côté serveur ( Javascript ) d’interagir avec un script côté serveur (dans ton cas php)

Dans l'exemple qui est donné, il faut remplacer la variable ajaxurl par le fichier PHP à appeller pour réaliser la connexion à la bdd et récupérer les données.

Le script PHP devra retourner les données au format JSON.
Tu peux t'inspirer de ce code pour voir comment fonctionne l'ajax : http://codes-sources.commentcamarche.net/source/102253-exemple-ajax-en-jquery
Commenter la réponse de Sebastien31T