Javascript - Response undefined fetch

Question

Ich habe ein paar Probleme verstehen Variablen und Funktionen mit Fetch. Ich versuche, den Wert der Antwort von

.then(response => response.json()) 

zu

.then(lang => response['lang'].slice(-2) 

passierte Aber ich bin die undefinierten Variable Antwort Fehler bekommen, so dass ich Referenzierung nicht die Variable korrekt. Wie lautet der richtige Aufruf?

Auch ich möchte beide Konsolen Protokolle aufrufen, das Stück Code unten tut das derzeit, aber ich denke nicht, dass ich Antwortfunktion überschreiben sollte, kann ich eine Funktion ohne Argumente oder die Befehle von selbst aufrufen?

.then(response => console.log(response['text']) & console.log(food)) 

console.log (response [ 'text']) & console.log (Lebensmittel)

fetch("https://localhost:8000", {method:"POST", body:fd}) 
    .then(response => response.json()) 
    .then(lang => response['lang'].slice(-2)) 
    .then(food => "Temporary") 
    .then(function detectType(lang) { 
    switch(lang) { 
    case 'abc': 
     food = "Bananas"; 
     break; 
    case 'def': 
     food = "Apples"; 
     break; 
    default: 
     food = "Bananas"; 
     break; 
    }}) 
    .then(response => console.log(response['text']) & console.log(food)) 
    .catch(err => console.error(err)); 
} 

Answer 1

Wenn ich zu verstehen, was Sie tun wollen, bedenken Sie, dass der Rückgabewert von einer Funktion ist der Zustand, der von der nächsten Funktion empfangen wird. Also würde man etwas mehr wie dies zu tun suchen:

fetch("https://localhost:8000", {method:"POST", body:fd}) 
    .then(response => response.json()) 
    .then(response => { 
    response['lang'] = response['lang'].slice(-2); 
    return response; 
    }) 
    .then(response => { 
    response['food'] = "Temporary"; 
    return response; 
    }) 
    .then(function detectType(response) { 
    switch(response['lang']) { 
     case 'abc': 
      response['food'] = "Bananas"; 
      break; 
     case 'def': 
      response['food'] = "Apples"; 
      break; 
     default: 
      response['food'] = "Bananas"; 
      break; 
    } 
    return response; 
    }) 
    .then(response => { 
    console.log(response['text']); 
    console.log(response['food']); 
    }) 
    .catch(err => console.error(err)); 
} 

Answer 2

In Bezug auf fetch(), denken Sie daran, dass es sehr ‚Versprechen schwer‘.

fetch("https://localhost:8000", {method:"POST", body:fd}) gibt ein Versprechen, die Sie mit dem ersten then() Griff

then(response => response.json())response.json() Rückkehr werden Sie den Zustand der response.json() im nächsten .then() geben. So haben Sie Zugriff auf die JSON-Darstellung der Antwort vom nächsten then().

Werfen wir einen Blick darauf werfen, wie es aussehen sollte:

fetch("https://localhost:8000", {method:"POST", body:fd}) 
    .then(response => response.json()) 
    .then(jsonResp => jsonResp['lang']); 

von der letzten Zeile können Sie überprüfen, das JSON-Objekt und seine Schlüssel läuft, ohne ein Versprechen Kette. Wenn Sie das Attribut lang überprüfen möchten, haben Sie Zugriff darauf, wie es im Beispiel angezeigt wird.

Hoffe, das hilft!