Mysql
 sql >> Datenbank >  >> RDS >> Mysql

Wie rufe ich Daten aus der MySQL-Datenbank in JavaScript ab, um ein Diagramm zu erstellen?

Nachdem Sie Ihre Auswahl in Ihrer DB getroffen haben, müssen Sie die Antwort im json-Format zurückgeben (für mich habe ich nur ein Array mit dem zu testenden Wert erstellt):

Ihre PHP-Datei (ich bin serv.php) :

$data = array([1, 19], [2, 11], [3, 14], [4, 16]);
// replace $data by your code to select in DB
echo json_encode($data);

Jetzt müssen Sie die Antwort in Ihrem Javascript-Code erhalten. Dazu müssen Sie in Javascript oder jQuery (in meinem Fall jQuery) eine "GET" -Anfrage stellen:

Dies ist Ihre js-Datei:

$.ajax({
   url : 'serv.php', // your php file
   type : 'GET', // type of the HTTP request
   success : function(data){
      var obj = jQuery.parseJSON(data);
      console.log(obj);
   }
});

Und in obj Sie haben Ihre Daten :

So, jetzt haben Sie Ihre Daten und Zugriff, ist ein Array so:

 - obj[0] contains [1, 19], obj[0][0] contains 1 and obj[0][1] contains 19
 - obj[1] contains [2, 11], obj[1][0] contains 2 and obj[1][1] contains 11 ...

In Ihrem Fall variable1 ist dasselbe wie obj

Bearbeiten Mit Ihrer DB :

Bevor Sie die Antwort senden, müssen Sie Ihre Daten korrekt erstellen. In Ihrem Fall haben Sie also ein mehrdimensionales Array, das ich mache, wenn ich ein Array in das Array namens data schiebe .

$servername = "localhost";
$username = "root";
$password = "";
$dbname = "datadb";

// Create connection
$conn = new mysqli($servername, $username, $password, $dbname);
// Check connection
if ($conn->connect_error) {
    die("Connection failed: " . $conn->connect_error);
} 

$sql = "SELECT column1, column2 FROM chartdata";  //This is where I specify what data to query
$result = mysqli_query($conn, $sql);

$data = array();
while($enr = mysqli_fetch_assoc($result)){
    $a = array($enr['column1'], $enr['column2']);
    array_push($data, $a);
}

echo json_encode($data);