Estoy construyendo una página web simple para la escuela. Lamentablemente tengo varios problemas. Estoy usando un servidor web Apache con XAMPP.
Tengo un archivo JSON como:
{ "lose":[ { "Zustand":"geschlossen", "Losnummer":1, "Gewinnklasse":"A", "Preis":10 }, { "Zustand":"geschlossen", "Losnummer":2, "Gewinnklasse":"B", "Preis":20 },Este archivo también está en mi servidor web. Quiero cargar este archivo especialmente con la solicitud XHTML y luego quiero imprimir varias partes de este archivo JSON en código HTML/PHP. Vi muchos videos de youtube, pero no encuentro una forma que funcione para mí. Logré cargar el archivo JSON a través de XHTML y puedo imprimirlo en HTML, pero siempre es el JSON completo en el llamado "texto de respuesta" y esto es básicamente una cadena grande para mí. Soy bastante nuevo en esto, así que lo siento si arruino las cosas.
Entonces TLDR: cargue el archivo JSON en la página web, imprima partes individuales en varias etiquetas HTML div. Se me permite usar html, php, js.
Algo como esto:
<?php $json = ' { "lose": [ { "Zustand":"geschlossen", "Losnummer":1, "Gewinnklasse":"A", "Preis":10 }, { "Zustand":"geschlossen", "Losnummer":2, "Gewinnklasse":"B", "Preis":20 }] } '; $arr = json_decode($json, true); echo "<table border='1'>"; foreach($arr["lose"] as $single) { echo "<tr>"; echo "<td>".$single['Zustand']."</td>"; echo "<td>".$single['Losnummer']."</td>"; echo "</tr>"; } echo "</table>";En JS, puede usar el método JSON.parse() .
https://www.w3schools.com/Js/js_json_parse.asp
Luego puede acceder a elementos individuales en esa estructura de datos como ciudadanos de primera clase.
Usando su ejemplo, aquí hay un ejemplo de trabajo mínimo:
let dataString = ` { "lose":[ { "Zustand":"geschlossen", "Losnummer":1, "Gewinnklasse":"A", "Preis":10 }, { "Zustand":"geschlossen", "Losnummer":2, "Gewinnklasse":"B", "Preis":20 } ] } ` let data = JSON.parse(dataString); // If we log out data, it will simply print everything console.log(data); // This will access the first element of the array console.log(data.lose[0]); // To iterate through the entire 'LOSE' array data.lose.forEach(element => { // Since we're in the middle of the array, we can now access individual properties console.log(element.Zustand); });