I am getting error on Post method of MVC controller using AngularJS

Question

I am using angualarJS and asp.net web API but my code always breaks on post request in the asp.net controller and this is the error I got

An exception of type 'System.ArgumentNullException' occurred in EntityFramework.dll but was not handled in user code Additional information: Value cannot be null.

this is the MVC method

// POST: api/ProductCategory
public HttpResponseMessage Post(ProductCategory pcate)
{
  if (ModelState.IsValid)
  {
    this.pcat.pcategory.Add(pcate);
    this.pcat.SaveChanges();
    return Request.CreateResponse(HttpStatusCode.Created, pcate);
  }
  else
  {
    return Request.CreateResponse(HttpStatusCode.BadRequest, pcate);
  }
}

this is the angularJS controller

var appcat = angular.module("PharmacyControllers", ['ngRoute']);
    
appcat.controller("createController", ['$scope', '$http', '$location', function ($scope, $http, $location)
{
  $scope.submit = function()
  {
    //converting the object to JSON
    var obj = {
      Name: $scope.Name
    };
    //alert(obj);
    $http.post("/api/productCategory/", this.obj).success(function (data) {
       $location.path('/list');
    }).error(function (data) {
      
       $scope.error = "An error has occurred while adding product Category! " + data.ExceptionMessage;
    });
  }
    
}]);

thanks in advance

Can you show a JSON request and a input model for controller? — Andrew Orlov
– Andrew Orlov, Commented Mar 25, 2016 at 23:29
this is the JSON var obj = $.param({ pcate: { Name: $scope.Name } }); — LL Janneh
– LL Janneh, Commented Mar 25, 2016 at 23:40
Have you checked in debug mode if pcate is not null? Also have you tried to check what is actually posted? — Guru Stron
– Guru Stron, Commented Mar 25, 2016 at 23:45
@LLJanneh I mean API model ProductCategory and actual JSON (looks like {...}). — Andrew Orlov
– Andrew Orlov, Commented Mar 25, 2016 at 23:58
the API public class ProductCategory { [DatabaseGenerated(DatabaseGeneratedOption.Identity)] [Key] public int CID { get; set; } [Required] public String Name { get; set; } } the JSON format is GlobalConfiguration.Configuration.Formatters.Add(new JsonMediaTypeFormatter()); — LL Janneh
– LL Janneh, Commented Mar 26, 2016 at 0:04

Lex · Accepted Answer · 2016-03-25 23:54:02Z

1

You are creating a local variable obj here:

var obj = {
    Name: $scope.Name
};

But then you are trying to post this.obj to your API:

$http.post("/api/productCategory/", this.obj)

Either create the this.obj instead of the var obj or pass obj instead of this.obj on your post.

answered Mar 25, 2016 at 23:54

Lex

7,2732 gold badges31 silver badges49 bronze badges

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

Comments

DaveB · Accepted Answer · 2016-03-25 23:58:47Z

0

Try changing from:

$http.post("/api/productCategory/", this.obj).success(function (data) {

to:

$http.post("/api/productCategory/", { pcate: obj }).success(function (data) {

edited Mar 25, 2016 at 23:58

answered Mar 25, 2016 at 23:32

DaveB

9,5584 gold badges43 silver badges68 bronze badges

2 Comments

LL Janneh Over a year ago

this is not working! I also try var obj = $.param({ pcate: { Name: $scope.Name } }); but still the same error

DaveB Over a year ago

@LLJanneh What does the ProductCategory class look like?

Collectives™ on Stack Overflow

I am getting error on Post method of MVC controller using AngularJS

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