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

J'ai actuellement 2 vidéos de prévu traitant de la sauvegarde et de socket.io il faut juste que je trouve le moment pour enregistrer.

Playlist Superpowers

Le studio Antarka a également posté une vidéo à ce sujet : ici.

Des dizaines d'autres vidéos arriveront dans les jours/semaines qui arrivent. N'hésitez donc pas à partager / liker et à nous suivre sur la chaîne ainsi que sur notre twitter : https://twitter.com/Team_antarka.

En espérant que tout cela vous fasse plaisir !

Amicalement fraxken

Attention, il s'agit d'une ancienne version de Superpowers !

Tutoriel 01 || Tutoriel 02