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

Fermé

Mysql

Sebastien31T - 4 nov. 2019 à 11:10
jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 - 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.

A voir également:

2 réponses

Réponse 1 / 2

jordane45 Messages postés 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 717
4 nov. 2019 à 11:35

Bonjour,

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

Réponse 2 / 2

Sebastien31T
4 nov. 2019 à 15:32

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 :/

TomJerry
5 nov. 2019 à 10:17

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 38346 Date d'inscription mercredi 22 octobre 2003 Statut Modérateur Dernière intervention 16 décembre 2024 4 717
5 nov. 2019 à 10:38

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 : https://codes-sources.commentcamarche.net/source/102253-exemple-ajax-en-jquery

Discussions similaires

Récupérer données formulaire PHP dans MySQL

importer une base de données sur phpmyadmin

Afficher les champs d'un table Mysql

PHP/MYSQL récupération et affichage de donnée

Impossible connexion avec phpMyAdmin

MySQL a retourné un résultat vide