Bestimmten Inhalt einer JSON in HTML ermitteln?

Hallo, ich hätte gerne, dass wenn einem ein Parameter (z.B. 1) gegeben ist, dass JavaScript dann JSON Inhalt nimmt, und genau die Position (also 1) nimmt, und mir daraus eine Date anzeigt.

Wofür brauche ich das?

Ich habe eine HTML Seite, in der alle Items in der JSON in einer Liste angezeigt werden. Wenn man da drauf drückt, soll auf die "anzeige.html" genau die Position weitergegeben werden (z.B. https://thrilltechwebsite.web.app/anzeige.html?pos=1 ), und dort gelesen und angezeigt werden.

Wie mache ich das?

Danke im Vorraus ☺️

2 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

Destranix

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

IT, programmieren, Informatik

22.07.2022, 08:56

Du parst dir deine GET-Parameter und dein JSON. Dann rufst du den wert des JSON an der Stelle auf, die dir durch dein GET-Parameter übergeben wurde.

Zum Parsen der GET-Parameter:

https://stackoverflow.com/questions/5448545/how-to-retrieve-get-parameters-from-javascript

Zum Parsen der JSON:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/JSON/parse

Babelfish

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

HTML, JavaScript, Programmieren & Softwareentwicklung

22.07.2022, 09:26

Auf der Seite funktioniert das doch schon. Du kannst dir den Code einfach anschauen und nachbauen.

Woher ich das weiß:Berufserfahrung – Entwickle Webseiten seit über 25 Jahren.

Damking07

Fragesteller

25.07.2022, 15:35

Ja, das hab ich gemacht, nachdem das funktionierte. Als ich die Frage gestellt habe, ging das nich nicht. Das ist meine Website 😅

Ich versuche ein json-array in eine html-tabelle zu konvertieren, Ich habe bereits dass benötigte json-array und die struktur der html-tabelle festgelegt. Ich verstehe aber nicht, wie ich das Array mit javascript an die tabelle weitergeben soll, Kann mir jemand helfen?

...zur Frage

JSON-Datei Inhalt in HTML Anzeigen?

Hallo Zusammen,

meine Webseite holt sich mit request genauer gesagt mit fetch-node eine JSON Datei von einem Server, soweit funktioniert das auch.

Nun weiß ich nicht genau wie kann ich nun den Inhalt aufteilen z.b. in Name, Titel, Beschreibung und diesen Grafisch in HTML darstellen ?

...zur Frage

Wie kann ich eine JSON-Datei lesen und anzeigen lassen?

Ich habe eine API und wollte diese nun mit JavaScript benutzen. Ich möchte also aus der API die Daten lesen und Variablen auf den Wert setzen.

Z.B.

JSON

germany {
  TotalInfected: 1234567890
  TotalDeaths: 1234567890
}
switzerland {
  TotalInfected: -1234567890
  TotalDeaths: -1234567890
}

Und jetzt möchte ich die JSON lesen und anzeigen. Also z.B. den ganzen Inhalt in beispielsweise einem div-Element.

<a>Corona daten:</a>
<div class="jsoncontent">(Und dann hier die ganze Datei bzw. den Inhalt)</div>

Danke fürs Helfen.

...zur Frage

json Daten in JavaScript auslesen und an html Elemente weiterleiten?

Hi,

mehr schlecht als recht arbeite ich mich gerade durch json und habe tatsächlich mittlerweile herausfunden, dass man zum Laden einer json-Datei ohne jQuery folgenden Ansatz zu brauchen scheint:

function loadJSON(callback) {var xobj = new XMLHttpRequest();
xobj.overrideMimeType("application/json");
xobj.open('GET', 'data.json', true); // Replace 'my_data' with the path to your file
xobj.onreadystatechange = function () {
      if (xobj.readyState == 4 && xobj.status == "200") {
        // Required use of an anonymous callback as .open will NOT return a value but simply returns undefined in asynchronous mode
        callback(xobj.responseText);
      }
};
xobj.send(null);  
}

Wie ich damit dann allerdings Objekte und values auslese und weiterleite, ist mir schleierhaft.

Hier ist erst einmal der json Code

{"employees":
    [
        {
            "firstName": "John", 
            "lastName": "Doe"
        },
        {
            "firstName":"Anna", 
            "lastName":"Smith"
        },
        {
            "firstName":"Peter", 
            "lastName":"Jones"
        }
    ]
}

Meine Idee war ja etwas wie document.getElementbyID oder halt byClassName, um den Content im DOM zu verteilen. Aber irgendwas scheint mir zu fehlen.

Pseudocode mäßig wäre halt sowas schön: getElementbyID('title').data(firstName[0]) Irgendwie so halt ...

Was ich bisher gefunden habe, waren nur Kurzeinleitungen, wie ich den Code in der Konsole ausspucke, js Arrays erstelle (warum auch immer die Leute das in einem json Tutorial als Lösung anbieten) oder html Elemente in JavaScript mit dem json Inhalt erstelle. Wie gesagt, würde ich jedoch gerne den json Inhalt an meine bereits existierenden html Elemente weitergeben.

ps. Wenn ihr dazu eine jade-Lösung habt, wäre das natürlich noch um so prickelnder.

...zur Frage

Wie kann ich Zeit mit JavaScript ermitteln?

Ich möchte Zeit mit JavaScript ermitteln.

Es soll im <p> Tag in HTML stehen.

Danke im Voraus!

...zur Frage

Gibt es ein Javascript Event, welches feststellt das ein HTML-Element die Position verändert hat?

Oder eine andere Möglichkeit, die konstant prüft ob zwei zuvor definierte Variablen, mit den Werten der Position gleich ist?

MfG,

Bohne47

...zur Frage

JSON Daten in JavaScript ausgeben?

Guten Tag,

ich möchte eine Webseite erstellen bei der man Daten von verschiedenen Superhelden ausgegeben bekommt, diese sind in einer JSON-Datei eingespeichert. Ich wollte fragen, wie man die Namen in eine ausfahrbare Schaltfläche einspeichern kann, so damit diese als Buttons agieren und die Daten von den Helden, dann angezeigt werden.

Danke im Vorraus

...zur Frage

Zufalls auswahl aus liste mit html und javascript?

Wie kann ich folgendenes machen?

Eine Liste mit Aufgaben und durch drücken auf ein Button wird dan eine Sache aus der Liste angezeigt.

...zur Frage

Mehrere Parameter durch einen Button ausgeben in Javascript?

Ich lerne gerade Javascript mit einer Tutorial Reihe und der Mann im Tutorial hat mehrere Parameter benutzt um einen Liebes Test zu Programmieren. Ich wollte dann das man erst einen Knopf drücken muss um das Ergebnis angezeigt zu bekommen. Aber es funktioniert nicht denn wenn ich auf den Button drücke, passiert nichts. woran liegt das ? Das ist mein Code: (Die formatierung ist eigentlich anders)

<!DOCTYPE html>

<html>

<head>

</head>

<body>

function LiebesTest(name1, name2){

document.write(name1 + " und " + name2 + " haben " + punkte + " Punkte ");

var punke;

punkte= (name1+name2).length;

}

LiebesTest("Filme", "serien");

</script>

<form>

<input onclick="text" type="button" value="Test!"

</form>

</body>

</html>

...zur Frage

wie kann ich in javascript eine funktion ohne button auslösen?

Hallo,

ich bin noch Anfänger in javascript und wollte fragen wie ich eine Funktion in javascript auslöse nachdem meine HTML Seite geladen hat, ohne explizit einen button mit einer onclick zu schreiben der diese Funktion aufruft. Die Funktion kriegt ein Parameter im HTML Teil übergeben, was dann in etwa so aussieht:

<button id="drücken" onclick="Funktion({{result}})"></button>

ich kriege das nur durch diesen button im html teil hin.

<tbody id="Eintrag"></tbody>

der Parameter wird iteriert und in eine Tabelle gehängt

Javascript:

function Funktion(result){

for(var key in result)

key an Eintrag anhängen.

}

Das funktioniert auch alles gut, nur wird das alles nur ausgeführt wenn ich explizit auf den button drücke. verstehe auch nicht wie das sonst gehen würde. Ich kann ja nicht beispielsweise ein window.onload auf der javascript-Datei schreiben weil ich ja noch den result parameter in der HTML Datei übergeben muss.

Gibt es eventuell eine Möglichkeit innerhalb des HTML Datei dann sowas zu schreiben?:

window.onload = Funktion({{result}});

Bei mir kennt er dann nicht Funktion weil es auf der externen Javascript-Datei liegt.

...zur Frage

JavaScript Variable als iFrame SRC?

Hi,

wie kann ich den Inhalt eines HTML-Eingabefeldes als src für eine iFrame machen?

Danke

...zur Frage

Variable in Javascript in ein text dokument schreiben?

Hi Leute wie ihr in der Überschrift bereits seht wollte ich wissen wie man den Inhalt einer Variable in Javascript in ein Text Dokument schreiben kann welches sich in dem Ordner der HTML und Javascript datei befindet.

...zur Frage

Wie kann man eine HTML Suchfunktion erstellen?

Ich möchte eine Website mit HTML erstellen auf welcher man eine Suchfunktion hat. Ich probiere mein Anliegen so genau wie möglich zu erklären.

Erst einmal soll man ein Stichwort in die Suchleiste eingeben und dann drückt man auf ENTER oder "Suchen". Daraufhin wird dann eine Liste mit allen Beiträgen angezeigt in welchen Titeln dieses Wort drin vorkommt.

PS: Ich bin neu mit HTML und deshalb wäre es gut wenn es so einfach wie möglich erklärt wird. Ich weiß das man dafür JavaScript braucht!

...zur Frage

Was tun damit "mailto" auf dem Handy funktioniert?

Auf dem PC funktioniert diese Zeile JavaScript innerhalb eine öffentliche WebSeite (html)

let myPl = "blabla";
window.location.href = "mailto:MaxMuster1@web.de?bcc=MaxMuster2@freenet.de;&subject=BlaBla&body=" + "Hallo MaxMuuster,%0D%0A=== Info Start ===" + "%0D%0A" + myPl + "=== Info Stop ===";

Auf dem Handy wird ebenfalls ein assoziertes eMail Programm geöffnet und die Empfänger und Subject eingetragen.
Der body Inhalt fehlt aber.

Was gilt es zu tun, damit auch der body im Handy angezeigt wird?

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen