Exploring MVC for the first time and trying to figure out how to pass the Model into an Ajax call. The code below is what I've come up with, but it keeps passing NULL to all properties.
$("#btnsubmit").click(function () {
alert('hello');
var productModel = {
Name: '<a href="/cdn-cgi/l/email-protection" class="__cf_email__" data-cfemail="5220333f123f333b"><span class="__cf_email__">[email protected]</span></a>',
Address: "Chai"
};
$.ajax({
type: "POST",
url: '@Url.Action("ContactDistributor", "AjaxCallTest")',
contentType: "application/json; charset=utf-8",
data: JSON.stringify({ model: productModel }),
dataType: "json",
success: function () { alert('Success'); },
error: function (xhr) {
alert(xhr.error);
}
});
return false;
});
MODEL :
public class AjaxCalltestModal
{
public int Id { get; set; }
public String Name { get; set; }
public String Address { get; set; }
}
Controller :
[HttpPost]
public ActionResult ContactDistributor(WebApplication1.Models.AjaxCalltestModal a)
{
return Json("test");
}
In need of assistance, please help!