JSON parsen in JavaScript?

Moin, ich habe das Problem, dass ich eine JSON-Response bekomme. Aus dieser würde ich gerne einen bestimmten Wert (beispielsweise "NAME-REPLACEMENT" zu dem Schlüssel "name") auslesen. Kann mir vielleicht jemand dabei weiterhelfen?

Die JSON-Datei habe ich hier verlinkt (aus Datenschutzgründen sind ein paar Sachen übrigens von mir ersetzt worden). https://pastebin.com/Zk7fJQNc

Das ganze soll in JavaScript realisiert werden, das heißt, der Wert soll in eine Variable eingelesen werden (und mit console.log() ausgegeben werden).

3 Antworten

Vom Fragesteller als hilfreich ausgezeichnet

Franky12345678

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer

04.05.2021, 04:51

var data = JSON.parse(variableMitDemResponseStringdrin);

Dann kannst du auf die einzelnen Werte zugreifen:

var name = data.response.result[0].name;

Solltest aber stets prüfen, ob die Response gültigen Inhalt enthält, bevor du ihn verwendest :).

Woher ich das weiß:Hobby

agxng

Fragesteller

04.05.2021, 16:33

Vielen Dank für die Hilfe, habe das gerade zusammen mit einer JSON-Überprüfung implementiert. Funktioniert gut...

regex9

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

Computer, HTML, programmieren

04.05.2021, 02:30

Eine Konversion eines JSON-Strings lässt sich mit der parse-Methode bewerkstelligen.

const json = '{ "firstname": "Anna", "age": 22 }';
const person = JSON.parse(json);

Wenn du dir den Response mit der Fetch API holst, kannst du dieser das Parsen aber auch gleich überlassen:

fetch("url/to/json/data ...")
  .then(response => response.json())
  .then(data => console.log(data));

EnesBicer

04.05.2021, 02:24

Beispiel - Analysieren von JSON

parse (), um Text in ein JavaScript-Objekt zu konvertieren: var obj = JSON. parse ('{"name": "John", "age": 30, "city": "New York"}'); Stellen Sie sicher, dass der Text im JSON-Format geschrieben ist. Andernfalls wird ein Syntaxfehler angezeigt.

Ähnliche Fragen

Dynamischer JSON Pfad?

Kann ich in JavaScript irgendwie direkt auf ein tiefverschachteltes Objekt zugreifen, wenn mir der Pfad bekannt ist?
Angenommen ich habe folgendes JSON:

 let obj = {
  test: {
    test2: {
      test3: {
        test4: "hallo"
      }
    }
  }
}

Mir liegt eine Textdatei mit der Struktur zu den relevanten Daten vor:

test.test2.test3.test4

Wie kann ich direkt auf "hallo" zugreifen, ohne dass ich durch jede Ebene iterieren muss?

Mir schwebt folgendes vor:

str = fs.readFileSync(struct.txt); // test.test2.test3.test4
console.log(obj[str]) // hallo

Ist sowas irgendwie möglich?

...zur Frage

Javascript Ajax Php kein Wert?

Console:

HTML javascript Code ajax:

function send(text){
   console.log("Text kurz vor versenden:\n" +text);
//hier hat er noch einen wert
   $.ajax({
     method: "POST",
     url: "DataSender.php",
     data: { text: text}
   }).done(function( response ) {
       console.log(response);
     console.log("weiterleitung

Php Code Ajax Übertragung wo es nicht geht:

      $text = $_POST['text'];
      $sql = "INSERT INTO `Xss-Data` (`ID`,`DATA`, `created_at`) VALUES (null, '{$text}' , CURRENT_TIMESTAMP)";

      if (empty($text)) {
              //das ist empty!
              echo("Error:\nEs ist leer\nText wäre\n$text");
          } else

Sind die wichtigen Code snippets

Der String hat keinen Wert. Warum? Wie löst man das?

...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

Warum gibt mir innerHTML nur den letzten Wert der for loop aus?

Hi! Ich bin absoluter Javascript Laie.

Ich habe mir eine simple for-Schleife gebastelt und wollte den Wert von i in einem div ausgeben.

Leider wird immer nur der letzte Wert angezeigt.

Warum zeigt mir console.log(i) hier aber jeden Wert von i in der Konsole an?

for (i = 0; i < 10; i++) { 
    let myBlock = document.getElementById('myblock');
    console.log(i)
    myBlock.innerHTML = i;
}

...zur Frage

JavaScript, warum streicht VSC Text durch?

Manchmal sehe ich, dass beispielsweise Variablen durchgestrichen werden, wenn ich in VSC was formuliere. Ich kriege dennoch ganz normale Ausgaben in der Konsole, was hat das also zu bedeuten? Konkret wird beispielsweise name horizontal durchgestrichen.

BSP:

const name = "Max Mustermann";
console.log(name.length);

...zur Frage

Wie kann ich in Javascript eine externe JSON File auslesen und verändern?

Hallo, allerseits.

Ich taste mich gerade an HTML heran und will dazu aus einer JSON Datei informationen auslesen. Ich habe einiges im Internet gefunden, aber das ließe sich nur mit Node.JS machen, was bei mir nicht möglich ist (zumindest weiß ich nicht wie). Weiß jemand vielleicht eine Antwort? Bei Node.JS kann man ja einfach

var json = require('example.json');

schreiben und dann

console.log(json);

. aber das funktioniert wie gesagt nur mit Node.JS und nicht in Chrome, der gibt mir dann folgende Fehlermeldung:

Uncaught ReferenceError: require is not defined

Vielen Dank schon mal im vorraus!!!

...zur Frage

Node.js http-data außerhalb der Request?

Hallo,

ich habe folgendes Problem:

Ich hab eine HTTP-GET-Request abgeschickt und möchte nun die zurückgelieferte Data außerhalb dieses Aufrufs nutzen können. Ich kriegs aber irgendwie nicht hin. Ich hätt gern außerhalb des http.get eine Variable, in die die Data dann gespeichert wird.

So sieht mein Source-Code aus:

http_get = http.get('exampleapi.com/api', (res) => {
    //console.log('statusCode: ', res.statusCode);
    //console.log('headers:', res.headers);



    let response = '';
    res.on('data', (d) => {
        response += d;
    })
    
    res.on('end', () => {
        console.log(response);
    })
});

Die Anfrage geht an ne Steam-API, welche mir ein JSON-Objekt zurückliefert, falls das hilft :)

...zur Frage

Node.js eigene sachen mit console.log machen / consolen output?

Hallo, wie kann Ich in node.js oder generell JavaScript eine function callen oder generell den wert der in die konsole ausgegeben wird noch woanders benutzen?

bsp: Console.log('1') wurde von einem Script ausgeführt und jetzt wird consolelog(v) mit dem wert der eben in die console geloggt wurde

...zur Frage

Post request mit Authorization Header funktioniert auf Emulator nicht?

Hey! Ich sitze bereits seit einiger Zeit an diesem Problem fest und würde mich sehr über jede Art von Hilfe freuen. Warum erhalte ich bei der Verwendung der folgenden Abfrage in meiner React Native-Anwendung auf dem Android-Emulator immer den Code 404 zurück, obwohl ich mit dem richtigen Header in Postman den richtigen code also 200 zurück bekomme?
Zur info:
Jede andere Abfrage funktioniert vom Emulator aus nur nicht die mit dem Header.

Wenn ich es über den Browser versuche ist zu sehen das er zugriff drauf hat da er Unauthorized zurückgibt wie im Screenshot zu sehen.


fetch(requestUrl, {
  method: "POST",
  headers: {
    "Content-Type": "application/json",
    Authorization: "Bearer " + accessToken,
  },
})
  .then((response) => {
    if (response.status === 200) {
      console.log("Response status is 200");
    } else {
      console.log("Response status is " + response.status);
    }
  })
  .catch((error) => {
    console.error("Error occurred:", error);
  });

...zur Frage

Warum ist $_POST hier leer?

Hi, arbeite gerade an nem Kontaktformular, welches mit JQuery und Ajax gesendet werden soll. Hier der Code:

let form = $(this);
let actionUrl = "assets/php/contact.php";

$.ajax({
    type: "POST",
    url: actionUrl,
    contentType: "application/json",
    data: form.serialize(),
    success: function (backendError) {
        console.log(backendError);
        errorHandler(backendError);
    },
    error: function () {
        console.log("failure");
        alert("Internal Error occured. Please try again later");
    }
});

hier der PHP Code zum senden:

<?php
if ($_SERVER["REQUEST_METHOD"] == "POST") {
    try {
        $errors = array();
        $name = "";
        $email = "";
        $human = "";
        $message = "";

        if (empty($_POST["name"])) {
            $errors[] = "name";
        } else {
            $name = $_POST["name"];
        }

        if (empty($_POST["email"])) {
            $errors[] = "email";
        } else {
            $email = $_POST["email"];
        }

        if (empty($_POST["human"])) {
            $errors[] = "human";
        }

        if (empty($_POST["message"])) {
            $errors[] = "message";
        } else {
            $message = $_POST["message"];
        }

        if (count($errors) === 0) {
            $to = "my@email.de";
            $subject = "Kontaktformular - " . $name;
            $message = "";
            $additional_headers = array(
                "From" => $email,
                "Reply-To" => $email,
                "X-Mailer" => phpversion()
            );

            mail($to, $subject, $message, $additional_headers);
            $response["error"] = false;
            echo json_encode($response);
            exit;
        } else {
            $response["error"] = $errors;
            echo json_encode($response);
            exit;
        }
    } catch (Exception $exception) {
        // in Log File Time + Error + IP
        exit;
    }
}

mein Problem: das POST Array is leer. Habs mir mal ganz oben ausgeben lassen, und stand nix drin, obwohl jquery die inputfelder per POST an das PHP File sendet. Ich denke, dass ich irgendwas bei der $ajax methode falsch gemacht habe, und es deshalb net funktioniert. bin am verzweifeln :) danke für jede Hilfe!

...zur Frage

Wie bearbeite ich eine JSON Datei über ein JS Befehl?

Hallo! Ich wollte fragen wie ich über JavaScript Befehle eine JSON Datei bearbeiten kann?

Also als Beispiel:

JSON: "wert":1

JS: ... -> Befehl zum bearbeiten

Danach: JSON: "wert":2

Wie geht das? Es wäre total nett, wenn mir das jemand erklären könnte :)

...zur Frage

SyntaxError: JSON.parse: unexpected end of data at line 1 column 1 of the JSON data?

Hallo,

ich versuche mit JavaScript Daten über ein Servlet aus der Datenbank zu holen. In folgende Zeile bekomme ich die Fehlermeldung aus dem Titel:

var katHoler = JSON.parse(xmlhttp.responseText);

Ich habe gelesen, dass meine Funktion eine JSON erwartet. Aber ich habe nur Lösungen mit Libraries wie jQuery gefunden. Die darf ich aber von meinem Professor aus nicht benutzen.

function pupulateDropDown() {
  var servletURL = "./KategorienHolen"
  var xmlhttp = new XMLHttpRequest();

  xmlhttp.onreadystatechange = function () {
    if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
      var katHoler = JSON.parse(xmlhttp.responseText);
      JSON.stringify(katHoler);
      
      var ausgabe = "<a href=" + "DisplayKlamotten" + "?=" + katHoler.kategorie + ">" + katHoler.kategorie + "</a>";

      document.getElementsByClassName("innerDiv").innerHTML = ausgabe;
      console.log(xmlhttp.responseText);
      console.log(katHoler.kategorie);
      console.log(katHoler.id);
    }
  }

  xmlhttp.open("GET", servletURL, true);
  xmlhttp.send();
}

...zur Frage

Postman - GET API?

Hallo, habe eine Frage und zwar ich habe eine API mit einem Array und noch paar andere Informationen (außerhalb des arrays). Nun möchte ich aber nur die Daten des Arrays mit Postman haben. Wie geht das:

https://localhost/api/index liefert die ganzen Daten

Habe es so schon probiert, dass ich das array wo ein bestimmter Name drinnen steht ausgibt, aber da bekomme ich dann ein HTML und kein JSON als Response.

https://localhost/api/index/:name

...zur Frage

JavaScript, wie muss ich die Arrow-Funktion in diesem Kontext lesen?

Hallo Leute, ich habe hier ein Beispiel vor mir, das mich etwas verwirrt. Ich lerne gerade JavaScript und bin ehrlich gesagt bisher überhaupt kein Freund der Arrow-Funktion, weil ich die Schreibweise hässlich und unlesbar finde, aber da einige sie scheinbar gerne verwenden, muss ich sie mir wohl mal aneignen.

Was ich aus reiner Logik nicht nachvollziehbar finde: Wieso genau kommt nach => eine geöffnete geschweifte Klammer vor if?

Folgendes Beispiel:

function init() {
    window.addEventListener("keydown", (userInteraction) => {
      if (userInteraction.key !== undefined) {
        console.log(userInteraction.key);
      }

Ich würde das ohne Arrow-Funktion so machen:

function init() {
    window.addEventListener(            
        "keydown",                      //Name des Events
        userInteraction                 
    );
    if ( userInteraction.key !== undefined) {
        console.log(userInteraction.key);
    }
}

...zur Frage

Was möchtest Du wissen?

Deine Frage stellen