Angular 2/Web Api - json Parsing-Fehler Syntaxfehler unerwartetes Ende des Eingangs

Question

Ich habe einen Web-API-Controller, der wie folgt aussieht:

[HttpPost] 
    public IHttpActionResult Test() 
    { 
     return Ok(); 
    } 

Dies ist die korrekte Syntax, aber wenn ich versuche, das von einem nennen Service in Angular 2, bekomme ich die Fehlermeldung: "JSON Parsing Fehler Syntaxfehler unerwartetes Ende der Eingabe." Um dieses Problem zu beheben, muss ich einen Wert in das ActionResult eingeben, z. B.

return Ok(1) 

Fehle ich einige Konfiguration? Mein Angular 2 Service-Aufruf sieht wie folgt aus:

return this.http.post(API/Controller/Test).map(res => res.json()); 

Answer 1

Ich denke, dass, wenn Sie eine leere Antwort (ohne Nutzlast) erhalten müssen Sie die json Methode nicht aufrufen. Unter der Haube ist die XHR-Antwort nicht definiert, JSON.parse(undefined) wird aufgerufen und ein Fehler wird ausgelöst.

Sie könnten den Ruf des map Betreiber überspringen:

return this.http.post(API/Controller/Test)/*.map(res => res.json())*/; 

Answer 2

Ein anderer Weg:

Alle meine http.get, Post oder Anruf setzen (für Einheitlichkeit):

.map(this.extractData) 

In extractData (AKTUALISIERT: Dank Raykrow-Feedback, Kurzcode):

private extractData(res: Response) {   
    return res.text() ? res.json() : {}; ; 
} 

Answer 3

Streng gesagt, wenn Ihre API einen OK-Code mit keinem Inhalt zurückgibt, sollten Sie 204 zurückgeben (kein Inhalt) - Angular würde auch damit zufrieden sein und nicht versuchen, irgendetwas zu parsen. So Ihre Controller-Methode würde:

[HttpPost] 
public IHttpActionResult Test() 
{ 
    return NoContent(); 
}