Asp.Net Web API is not receiving Post data from angular

Question

Please help me out.

I want to pass string to Post method of WebApi controller using $http method.But I am getting null string at controller side.

Here is my client side code.

$http({
        url: 'http://localhost/MyWebApi/api/home',
        method: 'POST',
        headers: { 'Content-Type': 'application/json' },
        data: JSON.stringify({name: $scope.newProduct})

    }).success(function (data, status, headers, config) {
        $scope.products = data;
        $scope.newProduct = "";
        console.log(data);
    })
     .error(function (data, status, headers, config) {         
         console.log(data);
      });

And here is my WebApi controller

 [HttpPost]
        public IHttpActionResult Post([FromBody]string newProduct)
        {
            var db = new MVCEntities();
            db.Products.Add(new Product() { ProductName = newProduct });
            db.SaveChanges();
            var products = db.Products.ToList();
            return Ok();
        }

Thanks

try replace name with newProduct inside JSON.stringify({name: $scope.newProduct}) — Frebin Francis
– Frebin Francis, Commented Jan 21, 2016 at 10:09

jpgrassi · Accepted Answer · 2016-01-21 10:38:17Z

2

You are getting null probably because your POST request doesn't match your method signature: Try this:

data: { newProduct: $scope.newProduct }

If it still doesn't work, try also removing the [FromBody] attribute from your controller:

public IHttpActionResult Post(string newProduct)

answered Jan 21, 2016 at 10:38

jpgrassi

5,7802 gold badges40 silver badges57 bronze badges

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

Comments

Jehof · Accepted Answer · 2016-01-21 10:09:51Z

1

Your JSON does not match the method signature. There is no need for JSON, you can pass it in as normal string

data: $scope.newProduct

Or use a custom object, that matches your JSON and use it as parameter for your method, like

[DataContract]
public class NewProductData{

   [DataMember(Name="name")]
   public string Name {get;set;}
}

New method signature

public IHttpActionResult Post([FromBody]NewProductData newProduct)

answered Jan 21, 2016 at 10:09

Jehof

35.7k11 gold badges129 silver badges156 bronze badges

2 Comments

Hima Over a year ago

I tried this but it is not working.I'm still getting null

Jehof Over a year ago

@Hirma Try Using content-type "text/plain" if using my first approach

Collectives™ on Stack Overflow

Asp.Net Web API is not receiving Post data from angular

2 Answers 2

Comments

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related