Afficher les données de la base de données dans jQuery DataTable

Dans ce tutoriel jQuery DataTable, nous apprenons Comment afficher les données de la base de données dans jQuery DataTable étape par étape.

Auparavant, nous apprenions déjà Comment fonctionne jQuery DataTables avec des tableaux HTML avec des données statiques.

Comment fonctionne jQuery DataTable

Guide court complet À propos de jQuery DataTables

Dans cet article, nous effectuons l’opération de base de données MySQL avec jQuery DataTables pour lier les données DB dans DataTables.

Voici les 4 étapes pour afficher les données MySQL dans le jQuery DataTable,

Importez le code DB donné pour créer la table des employés.
Créez une connexion à la base de données MySQL.
Créer le fichier de conception et inclure les liens CDN jQuery DataTable.
Création du fichier de requête MySQL pour obtenir les données à l’aide de jQuery.

Étape 1 : Créer une table d’utilisateurs ou d’employés

Collez le code ci-dessous sur votre base de données existante sur PHPMYADMIN.

dix

—

— Base de données: `test`

—

— ————————————————————————————

—

— Tableau structure pour tableau `emp`

—

CRÉER TABLEAU `emp` (

`identifiant` entier(50) PAS NUL,

`nom` varchar(100) PAS NUL,

`Rendez-vous` date DÉFAUT NUL

) MOTEUR=InnoDB DÉFAUT CHARSET=latin1;

—

— Dumping données pour tableau `emp`

—

INSÉRER DANS `emp` (`identifiant`, `nom`, `Rendez-vous`) VALEURS

(1, ‘Divakar’, ‘2020-04-24’),

(2, ‘Bhanou’, ‘2020-04-25’),

(4, ‘Bikache’, ‘2020-04-26’),

(5, ‘Sanjay’, ‘2020-05-06’);

—

— Index pour abandonné les tables

—

— Index pour tableau `emp`

—

MODIFIER TABLEAU `emp`

AJOUTER PRIMAIRE CLÉ (`identifiant`);

—

— INCRÉMENTATION AUTOMATIQUE pour abandonné les tables

—

— INCRÉMENTATION AUTOMATIQUE pour tableau `emp`

—

MODIFIER TABLEAU `emp`

MODIFIER `identifiant` entier(50) PAS NUL INCRÉMENTATION AUTOMATIQUE, INCRÉMENTATION AUTOMATIQUE=15;

Après avoir créé la table, la table ressemble à ceci,

Étape 2 : Création d’une connexion avec la base de données MySQL

Dans cette étape, nous créons la connexion avec la base de données, puis nous vérifions le code source complet pour Comment afficher les données de la base de données dans jQuery DataTable.

$con = mysqli_connect(“hôte local”, “DB_USERNAME”, “DB_PASSWORD”, “DB_NAME”);

Étape 3 : Créer le fichier de conception et inclure les liens CDN jQuery DataTable

Code source complet pour afficher les données de la base de données dans jQuery DataTable

index.php

Id	Name	Date