MVC: AngularJS posted data is null in the cotroller

Question

I have that code in the angularJS factory:

   myFactory.addNC = function (n) {
        return $http.post('/api/addNC/', { c: n }).then(function (data) {
            return data;
        });
    }

MVC ApiController:

[HttpPost]
public void addNC([FromUri]string c = null)
{
   ...
}

but 'c' param is null, why ? I see in FireBug that the value is being posted.

Also, if I declare the param like public void addNewCat([FromUri]string c) I get the 404 error - why ?

then I get the 500 error: An error has occurred.","ExceptionMessage":"Optional parameter 'c' is not supported by 'FormatterParameterBinding'.","ExceptionType":"System.InvalidOperationException — Tony
– Tony, Commented Nov 22, 2014 at 12:01
Oh it's just a string. Try removing the attribute altogether — Clive
– Clive, Commented Nov 22, 2014 at 12:03
What does your routing rule look like and secondly, can you hit it from your browser? — Gjohn
– Gjohn, Commented Nov 22, 2014 at 12:30

Gjohn · Accepted Answer · 2014-11-22 12:47:48Z

1

Basically what you are expecting is for angular js $http.post to behave like jQuery.ajax(). This isn't the case because jquery.ajax transmits with contentType=x-www-form-urlencoded while angular always transmits with contentType=application/json. I would look at your API and check if you can transmit a request with content type json. There are add-on's to browsers that you can use to facilitate this. You can also work around this by ensuring Angular's $http.post behave like the jquery.ajax call by extending it. See the following link for details

answered Nov 22, 2014 at 12:47

Gjohn

1,2811 gold badge8 silver badges12 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

MVC: AngularJS posted data is null in the cotroller

1 Answer 1

Comments

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Related