http.post Einfaches Objekt von angularJS bis C# Web api entweder null oder alle Eigenschaften sind null

Question

Zunächst einmal werde ich anerkennen, dass es viele Fragen in der Nähe meines hier gibt, aber ich habe jede Lösung ausprobiert, die ich auf SO finden kann bin immer noch fest.

Meine Service-Methode in meinem service.js ist wie folgt, mit Kommentaren;

postSimpleObject: function() { 

    // Have tried this first, and have passed 
    // as JSON.stringify(simpleObject) 
    var simpleObject = { 
     name: "J Doe", 
     colour: "Red" 
    }; 

    // tried to pass this next 
    var simplerObject = '{ "Name": "J Done", "Colour":"Red"}'; 

    // escaped the quotations and tried this next 
    var simplerObject2 = '{ \"Name\": \"J Done\", \"Colour\":\"Red\"}'; 

    return $http.post(apiUrl + "PostSimpleObject?item=" + JSON.stringify(simpleObject), { 
     headers: { 
      'Content-Type': 'application/json' 
     } 
    }); 
} 

Hier ist meine API-Controller-Funktion auf der API-Seite;

public class CrudUserApiController : ApiController 
{ 

    [System.Web.Http.HttpPost] 
    public void PostSimpleObject(SimpleObject item) 
    { 
     var itemReceived = item; 
    }  
} 

meine einfache Objektklasse, auf der Api-Seite;

public class SimpleObject 
{ 
    public string Name { get; set; } 
    public string Colour { get; set; } 

} 

Nun, was passiert ist;

• Die API-Methode ausgelöst wird, kann der Routing-Controller und ein Verfahren lokalisieren
• Das Modell/empfangene Objekt eine neue SimpleObject für beide Mitglieder mit null Eigenschaften ist

Gemäß den Ausführungen in der Ich habe versucht, ein Stringed-Objekt, eine JSON-Zeichenfolge und eine Escape-JSON-Zeichenfolge zu übergeben.

Auch auf der API-Seite habe ich versucht, mit dem [FromBody] -Attribut vor dem SimpleObject-Argument in der Signatur. Das Gleiche passiert.

Ich bin total verloren, würde einige Hilfe sehr geschätzt werden. Vielen Dank.

Answer 1

Es wäre ratsam, den Inhalt auf dem Hauptteil anstatt auf dem Querystring aus einer Anzahl von Gründen, wie Querystring-Längenbeschränkungen zu veröffentlichen.

Das heißt, wenn Sie über die Verwendung der Abfragezeichenfolgeflag bestehen, müssen Sie WebAPI sagen, auf die Abfragezeichenfolgeflag für die Daten, die die FromUri Attribut zu suchen, da der Standard der Körper:

[System.Web.Http.HttpPost] 
public void PostSimpleObject([FromUri]SimpleObject item) 
{ 
    var itemReceived = item; 
}  

Alternativ Sie den Inhalt auf dem Körper hinterlassen direkt als durch ex0dm3nt rief:

$http.post(apiUrl + "PostSimpleObject", simpleObject); 

Answer 2

Sie müssen nur Ihre simpleObject als zweiten Parameter in der $post Anfrage wie folgt passieren:

postSimpleObject: function() { 
    var simpleObject = { 
     name: "J Doe", 
     colour: "Red" 
    }; 

    return $http.post(apiUrl + "PostSimpleObject", simpleObject); 
}