Tengo un problema extraño con ASP.NET MVC y envío una publicación de AJAX. Tengo una etiqueta de anclaje en la página con id 'lnkGetExpirDates'. Cuando el usuario hace clic en él, simplemente intento enviar estos datos codificados a mi controlador para que pueda usarlos como parámetros y devolver un resultado a la página.
Sin embargo, en el controlador, los parámetros son siempre valores nulos/predeterminados. Consulte mi código a continuación y avíseme si estoy cometiendo un error tonto o algo así.
Aquí está mi publicación de AJAX:
$("#lnkGetExpirDates").click(function () { e.preventDefault(); var data = { StartDate: "1/19/2016", EndDate: "4/19/2016", ProductType: "New", Count: 1 }; $.ajax({ url: '/Products/GetExpirationDates', type: 'POST', data: JSON.stringify(data), contentType: 'application/json; charset=utf-8', dataType: 'html', success: function (data) { $('#ExpirationDates').val(data); } }); });Aquí está el método de acción de mi controlador:
// POST: Product/GetExpirationDates [HttpPost] //[ValidateAntiForgeryToken] public IActionResult GetExpirationDates(GetExpirationDatesViewModel vm) { // TODO: Get expiration dates and return them in the response return View(); }Aquí está el GetExpirationDatesViewModel:
public DateTime StartDate { get; set; } public DateTime EndDate { get; set; } public string ProductType { get; set; } public int Count { get; set; }Tenga en cuenta que incluso probé esto sin usar un modelo y simplemente agregué parámetros al Método de acción, como fecha de inicio, fecha de finalización, tipo de producto y recuento, y aún así todo aparece como nulo.
Cuando especifica el valor del tipo de contenido como application/json, la solicitud ajax realizada al servidor enviará su objeto js como la carga útil de la solicitud, en el cuerpo de la solicitud ( en formato json ). Entonces, en su método de acción, debe usar el atributo [FromBody] .
public IActionResult GetExpirationDates([FromBody] GetExpirationDatesViewModel vm) { return View(); }Debe hacer esto cuando desee enviar un objeto js complejo con propiedades que nuevamente es otro modelo/tipo
Pero los datos que está enviando son un modelo de vista plana. Por lo tanto, realmente no necesita json stringificar el objeto js. También puede eliminar la propiedad de tipo de contenido y no va a enviar una versión en cadena de un objeto js complejo.
Esto debería funcionar bien.
$.ajax({ url: '/Products/GetExpirationDates', type: 'POST', data: data, dataType: 'html', success: function (data) { console(data); } });El código anterior enviará el objeto js como pares de valores clave (datos de formulario normales) y el enlazador de modelos podrá asignar los datos del formulario a su objeto de modelo de vista en el servidor. Echa un vistazo a esta publicación para una explicación más detallada.
También le recomiendo que use el método auxiliar Url.Action para generar la URL relativa adecuada para los métodos de acción.
url: '@Url.Action("GetExpirationDates","Products")',Lo anterior debería funcionar si su código js está dentro de una vista de afeitar. Si su código está dentro de un archivo js externo, use la solución descrita en esta publicación .