Null Data is passed from Angular 5 to Asp.NET MVC Controller

Question

When I am passing data from Angular 5 to Asp.Net MVC Controller. it is receiving null data. when content type is changed to "application/x-www-form-urlencoded" the control is passed to controller but with null data. but for json/application it will not pass control to API if it is with [Httppost] attribute.

adduser(userdata: User) {
var body = JSON.stringify(userdata);
alert(JSON.stringify(userdata));
return this.httpClient.post("http://localhost:21936/UserRegistration/Registration",body,httpOptions);
}

Data is not passed from this http call, where User is my MODEL which o created in Angular 5.

[HttpPost]
public ActionResult Registration(UserModel usermodel)
{
    using (var dbcontext = new ModelDB())
    {
        UserModel usermodelobj = new UserModel()
        {
            id = usermodel.id,
            name = usermodel.name,
            age = usermodel.age,
            department = usermodel.department,
            mobile = usermodel.mobile,
            email = usermodel.email,
            password = usermodel.password

        };
        dbcontext.userModel.Add(usermodelobj);
        dbcontext.SaveChanges();
    }
    return View();
}

This my MVC Controller

The Model class for Angular 5 and Asp.Net MVC are Same.

Have you tried [FromBody] without stringify and with application/json as content type? — Miro J.
– Miro J., Commented Apr 4, 2018 at 17:26
Yeah, I tried still passing Null values.In console it is showing error 1. Response for preflight has invalid HTTP status code 500. 2. {headers: HttpHeaders, status: 0, statusText: "Unknown Error", url: null, ok: false, …} — Manoj devinvent
– Manoj devinvent, Commented Apr 5, 2018 at 4:13

Kahbazi · Accepted Answer · 2018-04-04 15:02:55Z

0

You should add [FromBody] attribute to your UserModel input

[HttpPost]
public ActionResult Registration([FromBody] UserModel usermodel)
{
    ////
}

answered Apr 4, 2018 at 15:02

Kahbazi

15.1k3 gold badges52 silver badges80 bronze badges

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

1 Comment

Manoj devinvent Over a year ago

Not Working, still Null data.

Collectives™ on Stack Overflow

Null Data is passed from Angular 5 to Asp.NET MVC Controller

1 Answer 1

1 Comment

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

1 Comment

Your Answer

Sign up or log in

Post as a guest

Related