0
199
ViewsAJAX no transporta valores de casilla de verificación al controlador
Tengo un modelo de la siguiente manera:
public class SearchModel { public List<CheckBoxResponse> Status { get; set; } } public class CheckBoxResponse { public string ItemText { get; set; } public bool Selected { get; set; } }La vista es la siguiente:
<div id="divSearchParams"> <div class="col-xs-12 col-sm-12 col-md-5 col-lg-5"> <div class="form-group"> <label>Status</label> <br /> @for (var i = 0; i < Model.Status.Count; i++) { <input type="checkbox" asp-for="@Model.Status[i].Selected" /> <label asp-for="@Model.Status[i].Selected">@Model.Status[i].ItemText</label> <input type="hidden" asp-for="@Model.Status[i].ItemText" /> } </div> </div> </div>Mi llamada AJAX:
$(document).on("click", "#search", function () { var model = $('#divSearchParams').find("input,select,textarea").serialize(); $.ajax({ url: targetUrl, type: 'POST', data: { model: model }, cache: true, async: true, }).done(function (result) { }).fail(function (error) { }).always(function () { } }); });Entonces, al serializar, el valor del modelo es "Status%5B0%5D.ItemText=Open&Status%5B1%5D.Selected=true"
Sin embargo, cuando compruebo el valor del modelo en el controlador, veo que el valor de estado dentro del modelo es nulo.
public async Task<ActionResult> Students(SearchModel model) { }¿Qué me estoy perdiendo?
1 answers
Answer question0
Ajax publica datos con contentType application/x-www-form-urlencoded; charset=UTF-8 por defecto, necesita cambiar:
data: { model: model },Para:
data: model, Asegúrese de que su controlador de back-end no sea ApiController; de lo contrario, necesita un atributo [FromForm] específico en el parámetro SearchModel .
public class HomeController : Controller { [HttpPost] public async Task<ActionResult> Students(SearchModel model) { //do your stuff... } }Visualización de resultados:
Referencia:
https://stackoverflow.com/a/65572281/11398810
Actualizar:
Si su acción contiene un segundo parámetro de cadena:
[HttpPost] public async Task<ActionResult> Students(SearchModel model,string Id) { //.... } Agregue una entrada que tenga name="Id" en la Vista:
<input name="Id" />Si su acción contiene un segundo parámetro de tipo de modelo:
Modelo:
public class TestViewModel { public int Id{ get; set; } }Controlador:
[HttpPost] public async Task<ActionResult> Students(SearchModel model, TestViewModel Item) { //... } Agregue una entrada que tenga name="Item.Id" en la Vista:
<input name="Item.Id" />Actualización2:
Controlador:
[HttpPost] public async Task<ActionResult> Students(SearchModel model, string Id,bool isPartial) { return View(); }Vista:
$(document).on("click", "#search", function () { var id = "aaa"; var isPartial = false; var model = $('#divSearchParams').find("input,select,textarea").serialize(); $.ajax({ url: "/Home/Students?Id=" + id + "&isPartial=" + isPartial, type: 'POST', data: model, cache: true, async: true, }).done(function (result) { }).fail(function (error) { }).always(function () { }); });