Fetch, obtention d'une erreur 400 lisant le JSON

Question

Je fais une opération de sauvegarde qui, lorsque les données sont invalides, la réponse est un statut HTTP 400 avec les détails dans le corps JSON. Je veux lire le JSON afin que je puisse l'afficher ci-dessous est le code que je l'ai utilisé, mais rien ne semble travailler à obtenir une réponse du corps d'erreur 400

private _onSave() { 
    let e: EmployeeSaveEntity = this.state.employeeSave; 
    this._save(e, this._onResponse.bind(this) , this._onCheckError.bind(this)); 
    } 

    public _save(employee: EmployeeSaveEntity, onFulfilled: any, onReject: any) { 
    let url: string = __URL__; 
    url += 'Employees'; 

    let context: any = this; 
    let res: Promise<Response>; 
    try { 
     res = fetch(url, 
      { 
       //"cors" | "navigate" | "same-origin" | "no-cors" 
       //mode:"no-cors", 
       method: "POST", 
       headers: { 
        'Authorization': `Bearer ${context._authentication.token.access_token}`, 
        "Content-Type": "application/json" 
       }, 
       body: employee.getJSON() 
      }).then(onFulfilled, onReject); 
     } 
     catch (error) { 
      throw new Error('Failed to save employee'); 
     }; 
} 

    private _onCheckError(value: any) { 
    console.log('_onCheckError'); 
    console.log(value); 
    } 

    private _onResponse(value: Response) {  
    console.log('_onResponse'); 
    console.log(value); 
    console.log(value.text()); 
    value.json().then(this._onJson.bind(this), this._onCheckError.bind(this)); 
    } 
    private _onJson(value: any) { 

    console.log('_onJson'); 
    console.log(value); 
    } 

HTTP/1.1 400 Bad Request Cache-Control: no-cache Pragma: no-cache Transfer-Encoding: chunked Content-Type: application/json; charset=utf-8 Expires: -1 Date: Fri, 20 Oct 2017 14:50:33 GMT X-Response-From: 10.50.46.29

{"HierId":[ "You can not insert master table data into the system at this hierarchy level." ], "PrimaryPhoneNumberCountryCallingCode":[ "The PrimaryPhoneNumberCountryCallingCode is required when PrimaryPhoneNumber has a value." ] }

Answer 1

Depuis la requête HTTP a réussi (vous avez obtenu toute réponse) alors le résultat sera simplement passé à la méthode onFulfilled.

Regardez cet exemple:

fetch("/error").then((response) => { 
    console.log(response.status); //400 in your case 
    response.json().then((errorJson) => { 
     console.log(errorJson); // should return the error json 
    }); 
})