Quiz mit Javascript erstellt - bitte um Code-Beurteilung

Zitat von Sempervivum

Ich denke, Failix hat zunächst Mal genug damit zu tun, sein Quiz mit den vier Antworten pro Frage mit der Datenbank zu verbinden.

Allerdings, und nicht zu knapp. Natürlich möchte ich in der Folge auch eine "vernünftige" Datenbank erstellen, aber im Augenblick muss ich noch ganz andere Knoten lösen.

Also, ich weiß nun, wie man a) einen JSON-String aus den DB-Daten mittels PHP erzeugt und wie man b) gezielt einzelne Werte aus der DB mit PHP abfragt.

Was ich bisher nicht wirklich verstanden habe: Wie kriege ich diese Daten in ein Javascript, um daraus wieder eine Interaktion zu erstellen? Ich weiß, wie gesagt, wie man mit PHP z. B. auf die Fragen und die Antworten zugreift, ohne die Lösung bereits irgendwo im Quellcode abgelegt zu haben, aber dann?

Mein erster Versuch war der hier: http://music-quiz.bplaced.net/a01.html – Das ist völlige Grütze, denn es wird das komplette Dokument a01.php in den Quellcode der HTML-Seite geladen.

Hier kann ich nur wieder um Eure Hilfe bitten, danke!

(Falls jemand nebenbei noch sagen kann, warum meine Umlaute falsch kodiert sind, wäre ich auch dankbar.)

Sempervivum Vielen Dank, aber ich komme absolut nicht klar, Ich habe Deinen Code kopiert, den Namen meiner PHP-Datei eingetragen und versucht, einen Parameter anzupassen. Dabei kommt nichts Brauchbares heraus, vermutlich habe ich das alles nicht wirklich verstanden:

http://music-quiz.bplaced.net/a02.html

Hier der Code der referenzierten PHP-Datei. Ich denke nicht, dass sie für o. g. Verfahren überhaupt verwendbar ist.

<?php
  $pdo = new PDO('mysql:host=localhost;dbname=music-quiz', 'xxx', 'xxx');

  if (isset($_GET['id'])) {
    $id = $_GET['id'];
  } else {
    die("Bitte eine ?id übergeben");
  }

  echo "Frage Nr. $id: ";
  $statement = $pdo->prepare("SELECT * FROM questionsanswers WHERE id = ?");
  $statement->execute(array($id));
  while ($row = $statement->fetch()) {
    echo $row['question'] . "<br />";
    echo "1) " . $row['answer1'] . "<br />";
    echo "2) " . $row['answer2'] . "<br />";
    echo "3) " . $row['answer3'] . "<br />";
    echo "4) " . $row['answer4'] . "<br />";
  }

  ?>

m.scatello Vielen Dank für den Tipp! Es steht alles auf UTF-8 (Verbindung, Datenbank, Tabelle, Dokumente). Die Umlaute funktionieren online trotzdem nicht. Auf meinem lokalen Server gibt es das Problem nicht.

Danke Dir, aber ich komme echt nicht mehr klar. Habe GET auf POST geändert:

if (isset($_POST['id'])) {
    $id = $_POST['id'];
  } else {
    die("Bitte eine ?id übergeben");
  }

Es ändert sich nichts. Und den Hinweis in #69 kapiere ich überhaupt nicht.

Ach ja, heute mache ich den Rechner mit echtem Frust aus. HTML, CSS und auch ein bisschen JavaScript konnte ich ja noch autodidaktisch lernen, aber jetzt gerade fühle ich mich wie in Blinder, der ziellos mit seinem Stock die Gegend abtastet ...

Ok, vielen Dank, ich bin ein Stück weiter. In den DevTools (Chrome/Windows) unter "Network" kann ich meine Frage 1 sehen.

Hier der aktuelle Link: http://music-quiz.bplaced.net/o01.html

Die Konsole meldet allerdings "Uncaught (in promise) SyntaxError: Unexpected token F in JSON at position 2". Und dieses "F" ist das "F" des Wortes "Frage" in meinem PHP-Code. Dieser sieht nun wie folgt aus:

<?php
  $pdo = new PDO('mysql:host=localhost;dbname=music-quiz', 'xxx', 'xxx');

  if (isset($_POST['id'])) {
    $id = $_POST['id'];
  } else {
    die("Bitte eine ?id übergeben");
  }

  echo "Frage Nr. $id: ";
  $statement = $pdo->prepare("SELECT * FROM questionsanswers WHERE id = ?");
  $statement->execute(array($id));
  while ($row = $statement->fetch()) {
    echo $row['question'] . "<br />";
    echo "1) " . $row['answer1'] . "<br />";
    echo "2) " . $row['answer2'] . "<br />";
    echo "3) " . $row['answer3'] . "<br />";
    echo "4) " . $row['answer4'] . "<br />";
  }

  ?>

Die PHP-Datei enthält nur dieses Stück Code und keinerlei HTML-Elemente - ist das richtig? Und ohne es begründen zu können, habe ich das Gefühl, dass der PHP-Code für mein Vorhaben nicht korrekt ist. Ich hatte ihn mir ergoogelt, um überhaupt erst einmal etwas aus der DB zu bekommen, aber das scheint nicht das Richtige zu sein. Hier müsste ich wieder Eure Hilfe in Anspruch nehmen, vielen Dank!

---

Nachtrag: Bis gestern war meine PHP-Datei noch ein komplettes HTML-Dokument mit dem PHP-Script im Body. Das erste unerwartete Zeichen, das von der Konsole gemeldet wurde, war ein "<", also vermutlich die öffnende Klammer von <!DOCTYPE html> – deswegen habe ich heute den gesamten HTML-Code entfernt, was hoffentlich nicht falsch war.

Ich habe es doch tatsächlich hinbekommen, allerdings nur lokal. Ich erzeuge mit PHP einen JSON-String, das JavaScript in der HTML-Datei liest ihn aus. Hurra!

Warum dasselbe online nicht funktioniert, habe ich noch nicht herausbekommen. Die PHP-Datei (sie unterscheidet sich nur durch die Zugangsdaten von der lokalen Datei) bleibt leer, es gibt keinerlei Fehlermeldung: http://music-quiz.bplaced.net/o02.php

In dieser Datei wird die Verbindung zur DB mit mysqli hergestellt und nicht, wie Sempervivum es empfohlen hat, mit PDO. Liegt daran, dass ich ein Tutorial aus dem Netz verwendet habe, um den JSON-String zu erzeugen und ihn noch nicht umbauen kann. Können die Online-Probleme damit etwas zu tun haben? Hier der Code:

<?php

  $connect = mysqli_connect("localhost", [Zugangsdaten]);

  $sql = "SELECT * FROM questionsanswers";

  $result = mysqli_query($connect, $sql);

  $json_array = array();

  while ($row = mysqli_fetch_assoc($result)) {
    $json_array[] = $row;
  }

  echo json_encode($json_array);

  ?>

Wie gesagt, lokal unter MAMP funktioniert der Code.

Sempervivum Aus o. g. Text ist ersichtlich, dass ich mich für Variante 2 entschieden habe. So langsam und mühevoll nähere ich mich einem ersten Teilziel. Und es ist an der Zeit, Dir wieder einmal zu sagen, wie sehr ich Deine Unterstützung zu schätzen weiß. Oder, profan ausgedrückt: Ohne Dich wäre ich aufgeschmissen. Danke, danke, danke!

m.scatello Danke für den Link! Wenn ich mal wieder Daten zu sehen bekomme, kann ich mich um die Codierung kümmern, was natürlich ein Sekundärproblem ist.

m.scatello Klingt einleuchtend, für den Praxisgebrauch (so es dann mal so weit ist) werde ich es vermeiden.

Sempervivum Die DB ist online gefüllt, PHP spuckt keine Fehler aus. Ich würde das aber erst mal als sekundär betrachten und lieber lokal weitermachen, damit ich vorankomme.

Zu Deinem Code in #78: Ist das nicht der alte Code, den ich ursprünglich mal verwendet habe und sind die oberen Zeilen, mit denen eine ID abgefragt wird, jetzt nicht überflüssig? Das fetch hatte ich dort in einer Schleife: while ($row = $statement->fetch()) ..., wo und wie ich es in den aktuellen Code einsetzen müsste, weiß ich nicht.

Und eines frage ich mich auch noch: Ich kann derzeit lokal einen JSON-String in eine PHP-Datei laden, der von JavaScript weiterverarbeitet wird. Aber war nicht das eigentliche Ziel, die Inhalte des Quiz' nicht lokal abzulegen und immer nur die benötigten Teile aus der DB abzufragen? Irgendwie habe ich das immer noch nicht wirklich verstanden ...