Pour faire une api Json Mysql,
j'ai un fichier php
<?php
header("Access-Control-Allow-Origin: *");
header("Content-Type: application/json; charset=UTF-8");
$conn = new mysqli("localhost", "root", "", "isoffice");
$result = $conn->query("SELECT idJoueur,nomJoueur,mdpJoueur FROM joueur");
$outp = "[";
while($rs = $result->fetch_array(MYSQLI_ASSOC)) {
if ($outp != "[") {$outp .= ",";}
$outp .= '{"idJoueur":"' . $rs["idJoueur"] . '",';
$outp .= '"nomJoueur":"' . $rs["nomJoueur"] . '",';
$outp .= '"mdpJoueur":"'. $rs["mdpJoueur"] . '"}';
}
$outp .="]";
$conn->close();
echo($outp);
?>
un script dans superpowers :
var xmlhttp;
var loader;
va
function myF(arr) {
var out = "";
var i;
for(i = 0; i < arr.length; i++) {
Sup.log(arr[i].idJoueur + "\n");
Sup.log(arr[i].nomJoueur + "\n");
Sup.log(arr[i].mdpJoueur + "\n");
}
}
function api(){ xmlhttp = new XMLHttpRequest();
var url = "http://localhost/apiphp/index.php";
xmlhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
var myArr = JSON.parse(this.responseText);
myF(myArr);
}
};
xmlhttp.open("GET", url, true);
xmlhttp.send();
}
Une base de donnée Mysql dans localhost qui s'appel "isoffice" avec la table "joueur" et comme colonne : idJoueur nomJoueur mdpJoueur
En espérant vous avoir aider car j'ai beaucoup galéré à utiliser les éléments du DOM pour pouvoir utiliser une API.
Merci W3schools