Bardzo prosty angularjs $ HTTP POST Wyniki w '400 (Bad Request)' i 'Nieprawidłowy kod stanu HTTP 400'

Question

Mam bardzo proste .NET Web API gospodarzem w Azure, z dwóch bardzo prostych metod:

[EnableCors(origins: "http://simpleapiearl.azurewebsites.net", headers: "*", methods: "*")] 
public class EnvelopesController : ApiController { 
    // GET: api/Envelopes 
    public IEnumerable<string> Get() { 
     return new string[] { "value1", "value2" }; 
    } 

    // POST: api/Envelopes 
    public string Post([FromBody]Envelope env) { 
     return "rval: " + env + " (and my addition to env)"; 
    } 
} 

Utworzono simple plunk, aby wywołać te metody. W moim kodzie AngularJS wykonuję dwie bardzo proste wywołania $ http. GET działa dobrze. POST jednak zawsze zwraca "400 (złe żądanie)", a krótko w mojej konsoli WebStorm przez "XMLHttpRequestion nie może załadować ... Nieprawidłowy kod stanu HTTP 400".

Wszelkie sugestie doceniane!

EDYCJA !!

Witam, i dziękuję za bardzo szybkie odpowiedzi. Właśnie zdałem sobie sprawę, że zapomniałem dodać bardzo istotnych szczegółów.

Parametr do mojej metody POST to obiekt, który nazywam obiektem kopertowym, który zawiera dwie właściwości: listingId (int) i Description (string). Kiedy dodaję zakodowany w górę nagłówek Content-Type i przekazuję '{"listingId":1234, "Description":"some description"}' jako moje dane POST, parametr env w mojej metodzie POST na serwerze ma wartość NULL (to znaczy, że wydaje się niezdolny do parsowania dostarczonego JSON). Przepraszamy, zostało to pominięte w oryginalnym wpisie.

Answer 1

Myślę, że ten post byłby pomocny.

How do I POST urlencoded form data with $http in AngularJS?

Domyślnie usługa http $ zmieni żądania wychodzącego przez szeregowania dane jako JSON, a następnie umieszczenie go z Content typu „application/json”. Gdy chcemy opublikować wartość jako FORMULARZ , musimy zmienić algorytm serializacji i opublikować dane z typem treści "application/x-www-form-urlencoded".

To jest zmodyfikowany pnkr od Ciebie. W Twoim kodzie brakuje konwersji JSON-a na zakodowany adres URL.

http://plnkr.co/edit/4aeEDz73qgHSfOv1sBgn?p=preview

$http({ 
    method: 'POST', 
    url: 'http://simpleApiEarl.azurewebsites.net/api/envelopes', 
    data: env, 
    headers: {'Content-Type': 'application/x-www-form-urlencoded'}, 
    transformRequest: function(obj) { 
     var str = []; 
     for(var p in obj) 
     str.push(encodeURIComponent(p) + "=" + encodeURIComponent(obj[p])); 
     return str.join("&"); 
    } 
    }). 

Answer 2

znalazłem blogu, że skorygowany mój problem:

http://victorblog.com/2012/12/20/make-angularjs-http-service-behave-like-jquery-ajax/

Dzięki wszystkim za pomoc mnie!