Post Data to MVC 4 WEB API .NET 4.5

Introduction

In the previous Article http://www.c-sharpcorner.com/UploadFile/amit12345/mvc-4-web-api-net-4-5/, we saw how to get data from a Web API in various formats.

In this article, I am going to explain how we post (put) data to Web API.

Code: Let's see the code and understand what we need to implement here.

Step 1: First all we will see what are POST and PUT methods in the Customer Controller.

In the following code, the Post Method will take a CustomerModel.

// POST /api/customer
public void Post(CustomerModel customer)
{
context.AddToCustomers(new Customer { Id = customer.Id, Name = customer.Name, Salary = customer.Salary });
context.SaveChanges(System.Data.Objects.SaveOptions.AcceptAllChangesAfterSave);
}

In the following code, the Put Method will take CustomerModel and customerID.

Now in Step 2 will see how we can post data to a Web API using JSON.

Step 2: See the highlighted code inside the JQuery block. We have created an instance of a CustomerModel Object inside a JavaScript block: