How do you post a JSON file to an ASP.NET MVC Action?
asp.net, asp.net-mvc, c#
Solution
You need to set the HTTP Header, accept, to 'application/json' so that MVC know that you as passing JSON and does the work to interpret it.
accept: application/json
see more info here: http://www.w3.org/Protocols/rfc2616/rfc2616-sec14.html
UPDATE: Working sample code using MVC3 and jQuery
Controller Code
namespace MvcApplication1.Controllers
{
public class HomeController : Controller
{
public ActionResult Index()
{
return View();
}
[HttpPost]
public JsonResult PostUser(UserModel data)
{
// test here!
Debug.Assert(data != null);
return Json(data);
}
}
public class UserModel
{
public int Id { get; set; }
public string FirstName { get; set; }
public string LastName { get; set; }
public int Age { get; set; }
}
}
View Code
@{ ViewBag.Title = "Index"; }
<script src="../../Scripts/jquery-1.9.1.min.js"></script>
<script type="text/javascript">
var sample = {};
sample.postData = function () {
$.ajax({
type: "POST", url: "@Url.Action("PostUser")",
success: function (data) { alert('data: ' + data); },
data: JSON.stringify({ "firstName": "Some Name", "lastName": "Some Last Name", "age": "30" }),
accept: 'application/json'
});
};
$(document).ready(function () {
sample.postData();
});
</script>
<h2>Index</h2>
** Update ** I added `JSON.stringify` to the JS object before I pass it to the `data` element in the AJAX Request. This just makes the payload more readable, however the Controller will interpret both formats of the `data` similarly.
Problem
My iphone client posts the following json to my mvc service. When posting data from html form it automatically converts form data to UserModel and passes the object to my Create method, but when I send the JSON string in the body of my request from iphone it comes back as null. What would be the cleanest solution to do the conversion from JSON to Object. I rather not create multiple methods for different clients, so I'm trying to get the same method to work on iphone, and mvc client. Body of my request: ``` { "firstName" : "Some Name", "lastName" : "Some Last Name", "age" : "age" } ``` My Model and Action Result ``` public class UserModel { public int Id { get; set; } public string FirstName { get; set; } public string LastName { get; set; } public int Age { get; set; } } [HttpPost] public Create ActionResult(UserModel user) { // user is null userStorage.create(user); return SuccessResultForModel(user); } ```