How to pass array data from angularjs to c# mvc model?

Question

This is my model

public class StudentDataModel
{
    public StudentDataModel();

    [JsonProperty("student_data")]
    public StudentData Data { get; set; }
}



public class StudentData 
{
    public StudentData ();
    [JsonProperty("name")]
    public string Name { get; set; }
    public string Description { get; set; }
    public string Id { get; set; }
    [JsonProperty("active")]
    public bool IsActive { get; set; }

}

In javascript file i have students data like

  $scope.students=[];
$scope.saveStudent=function(){
 return $http.post("/Student/Save?studentData=" + $scope.students)
        .then(function (result) {

        });
};

In students array contains number of students.

Mvc code:-

public async Task<JsonNetResult> Save(List<StudentData> studentData )
    {
       return new JsonNetResult { Data = response };
    }

In the above code i want to pass students array to mvc controller. mvc controller was hitted but data was not passed.

See if this helps: stackoverflow.com/questions/30957248/…

Sajal
– Sajal

2016-05-24 07:06:53 +00:00
Commented May 24, 2016 at 7:06 — Sajal
– Sajal, Commented May 24, 2016 at 7:06
$http.post("/Student/Save", $scope.students);

Satpal
– Satpal

2016-05-24 07:13:51 +00:00
Commented May 24, 2016 at 7:13 — Satpal
– Satpal, Commented May 24, 2016 at 7:13

Sajal · Accepted Answer · 2016-05-24 07:17:10Z

2

Create a request class, and pass those parameters form the UI

$scope.saveStudent=function(){
var inData = {'Students': JSON.stringify($scope.students)};
 return $http.post("/Student/Save?studentData=", inData )
        .then(function (result) {

        });
};

A DTO class for the request:

public class StudentDto
{
  public string Students;
}

Then in the MVC Controller:

public async Task<JsonNetResult> Save(StudentDto request )
{
   var studentList = JsonConvert.DeseralizeObject<>(request.Students).ToList();     
}

answered May 24, 2016 at 7:17

Sajal

4,4111 gold badge22 silver badges41 bronze badges

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

Comments

Satpal · Accepted Answer · 2016-05-24 07:15:16Z

0

You should send $scope.students as data i.e. Request content of method $http.post(url, data, [config]);

$http.post("/Student/Save", $scope.students);

answered May 24, 2016 at 7:15

Satpal

134k13 gold badges168 silver badges171 bronze badges

Collectives™ on Stack Overflow

How to pass array data from angularjs to c# mvc model?

2 Answers 2

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Linked

Related