$http post not binding with asp.net MVC model

Question

Why is the payload from a angularjs $http post not beeing binded to the input model?

When the action is called the model is null and the request.params and request.forms does not show any sign of a form beeing sent. But the fiddler request shows that the payload is beeing sent with JSON.

AngularJS:

$http({
            method: "POST",
            url: "price/add",
            data: {
                Id: $scope.id,
                StoreId: $scope.storeid,
                Name: $scope.name,
                Manufacturer: $scope.manufacturer,
                Price: $scope.price
            }
        })

Model:

public class PriceModel
    {
        public int? Id { get; set; }
        public int? StoreId { get; set; }
        public string Barcode { get; set; }
        public string Name { get; set; }
        public string Manufacturer { get; set; }
        public DateTime Created { get; set; }
        public double? Price { get; set; }
    }

controller and action method description

public class PriceController : Controller
    {
        [HttpPost]
        public int Add(PriceModel price)
        {

Fiddler:

POST http://localhost:4989/price/add HTTP/1.1
Host: localhost:4989
Connection: keep-alive
Content-Length: 70
Accept: application/json, text/plain, */*
Origin: http://localhost:4989
User-Agent: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/33.0.1750.146 Safari/537.36
Content-Type: application/json;charset=UTF-8
Referer: http://localhost:4989/
Accept-Encoding: gzip,deflate,sdch
Accept-Language: nb,no;q=0.8,en-US;q=0.6,en;q=0.4

{"id":"","storeid":"","name":"asdf","manufacturer":"asdf","price":123}

I'm not sure if model binding is confused because the parameter is named price and your have a property in the PriceModel also called Price. Can you try renaming the action parameter name? — Andy T
– Andy T, Commented Mar 13, 2014 at 21:14

ataravati · Accepted Answer · 2015-01-07 02:21:06Z

12

I'm not sure if model binding is confused because the parameter is named price and you have a property in the PriceModel that's also called Price. Can you try renaming the action parameter name?

edited Jan 7, 2015 at 2:21

ataravati

9,1759 gold badges60 silver badges94 bronze badges

answered Mar 13, 2014 at 21:18

Andy T

9,9315 gold badges56 silver badges97 bronze badges

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

2 Comments

Stian Standahl Over a year ago

renaming the paramenter name worked a charm! i changed the name from price to model and it worked. Never knew!

Andy T Over a year ago

Everything else seemed correct and that was the only thing that seems suspicious. Glad it helped!

user919532 · Accepted Answer · 2015-01-07 02:15:39Z

0

Just to save another person an hour, one general cause for this problem is when we use

http({
        url: url,
        method: 'POST',
        params: argument,
        headers: {
            'X-Requested-With': 'XMLHttpRequest'
        }
    }).success(function (data) {
        defered.resolve(data);
    }).error(function (data, status) {
        defered.reject(data);
    });

However if we change to the following works like a charm:

http.post(
            url,
            argument
        ).success(function (data) {
            defered.resolve(data);
        }).error(function (data, status) {
            defered.reject(data);
        });

answered Jan 7, 2015 at 2:15

user919532

Collectives™ on Stack Overflow

$http post not binding with asp.net MVC model

2 Answers 2

2 Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related