Tengo tres días tratando de concretar este código, ¿alguién me puede decir qué estoy haciendo mal?:
Controller:
[HttpPost]
public ActionResult Index(Empleado empleado)
{
if (ModelState.IsValid)
{
_db.Empleados.Add(empleado);
_db.SaveChanges();
return Json(empleado);
}
return Json(null);
}
Model:
public class Empleado
{
[Key]
public int Id { get; set; }
[Required]
public string Nombre { get; set; }
}
View:
@model WebApplication1.Models.Empleado
@{
ViewBag.Title = "Home Page";
}
<form id="formulario">
<div class="form-horizontal">
@Html.TextBoxFor(model => model.Nombre, new { @class = "form-control", @placeholder = "Nombre" })
<input type="submit" value="Confirmar" class="btn btn-success" id="btnConfirmar" />
</div>
</form>
<div id="resultado"></div>
@section Scripts{
@Scripts.Render("~/bundles/jqueryval")
<script>
$(document).ready(function () {
$('#btnConfirmar').click(function () {
var data = $('#formulario').serialize();
var url = "@Url.Action("Index", "Home")";
$.post(url, data).done(function () {
$('#resultado').html("Guardado");
})
.fail(function () {
$('#resultado').html("Error");
});
});
});
</script>
}
Cabe resaltar que también lo intenté con el metodo $.ajax({})
pero tampoco me funcionó.