Buenas noches desarrolladores estoy intentando guardar un registro en mi base de datos usando ajax, jquery aunque estoy algo pegado en como iniciar por alli recibi un consejo usando este codigo:
<html>
<head>
<meta name="viewport" content="width=device-width" />
<title>Pantalla Opciones</title>
<link href="~/Content/bootstrap.min.css" rel="stylesheet" />
<link href="~/Styles.css" rel="stylesheet" />
<script src="~/Scripts/jquery-3.3.1.min.js"></script>
<script src="~/Scripts/bootstrap.js"></script>
</head>
<body>
<div class="row">
@if (ViewData["Motivos"] != null)
{
foreach (var motivo in (List<EntradaElectronicaAlmacen.Models.Dtos.Motivo>)ViewData["Motivos"])
{
<div class="col-sm-3">
<button id="@motivo.Motivo_Id.ToString()-btn" class="boton3d5 clMotivo" data-id="@motivo.Motivo_Id" data-toggle="modal" data-target="#PopUpAcceso">
@motivo.Descripcion
</button>
</div>
}
}
</div>
<script>
var fa = new Date().toLocaleDateString();
$("#txtFecha").val(fa);
var ha = new Date().toLocaleTimeString();
$("#txtHoraEntrada").val(ha);
$("#txtGafete").keypress(function (e) {
if (e.keyCode === 13) {
var gafete = $("#txtGafete").val();
var mm;
$.ajax({
url: "http://localhost:49851/api/empleadoAutorizado/" + gafete,
method: "GET",
contentType: "application/json",
success: function (data) {
if (data == null) {
ocultarPopUp();
} else {
$("#txtNombre").val(data.nombre);
}
}
});
}
});
</script>
</body>
</html>
La funcion de guardar debe completarse al dar click en el boton que pueden ver en el boby solo necesito una guia usando ajax, la que se ve el keyPress la estoy usando para consumir algunos datos en la vista, me dijeron que se puede hacer algo parecido tambien para guardar pero no tengo mucha experiencia usando ajax y jquery.