0

Buenas tarde tengo un tema, al cambiar mi combo localidad no se cambia el de barrio, soy nuevo usando ajax, y no entiendo donde esta el problema. Desde ya muchas gracias.

El código es el siguiente:

En el controlador:

  [HttpGet]
    public JsonResult GetBarrios(string LocalidadId = "")
    {
        List<Barrios> lBarrios = new List<Barrios>();
        int Id = 0;
        if (int.TryParse(LocalidadId, out Id))
        {
            lBarrios = db.Barrios.Where(a => a.cod_localidad.Equals(Id)).OrderBy(a => a.barrio).ToList();
        }

        if (Request.IsAjaxRequest())
        {
            return new JsonResult
            {
                Data = lBarrios,
                JsonRequestBehavior = JsonRequestBehavior.AllowGet
            };
        }
        else
        {
            return new JsonResult
            {
                Data = "Not valid request",
                JsonRequestBehavior = JsonRequestBehavior.DenyGet

            };

        }

    }

En la vista, este es el jquery:

<script  language="javascript">
    $(document).ready(function () {
        $("#LocalidadId").change(function () {
            //Esto se llama cuando cambia la localidad
            var LocalidadId = parseInt($("#LocalidadId").val());
            if (!isNaN(LocalidadId)) {
                var ddBarrio = $("#BarriosId");
                ddBarrio.empty();
                ddBarrio.append($("<option></option").val("").html("Seleccione un Barrio"));


                //llamamos al controlador
                $.ajax({
                    url: "@Url.Action("GetBarrios","Home")",
                    type: "GET",
                    data: { LocalidadId: LocalidadId },
                    datatype: "json",
                    success: function (data) {
                        $.each(data, function (i, val) {
                            ddBarrio.append(
                                $("<option></option>").val(val.cod_barrio).html(val.barrio)
                                );
                        });
                    },
                    error: function () {
                        alert("Error!");
                    }


                });
            }
        });

    });

</script>

Y esto en los combos:

<div class="form-group" >
        <div label="Localidad" class="form-inline">
            @Html.DropDownList(Model.Select(a => a.Barrios.cod_localidad).ToString(), @ViewBag.LocalidadId as SelectList, "Localidad")
        </div>
    </div>

    <div class="form-group" id="frmBarrios">
        <div class="form-inline">
            @Html.DropDownList(Model.Select(w => w.Barrios.cod_barrio).ToString(), ViewBag.BarriosId as SelectList, "Barrio")
        </div>
    </div>
3
  • @juankGlezz gracias por responder. Se los paso asi a los datos a los combos List<Localidades> listL = new List<Localidades>(); listL = db.Localidades.OrderBy(a => a.localidad).ToList(); ViewBag.LocalidadId = new SelectList(listL, "cod_localidades", "localidad"); el 27 oct. 2016 a las 21:07
  • dentro del success pon un console.log(data) y en la consola del navegador revisa que estés recibiendo bien el objeto
    – JuankGlezz
    el 27 oct. 2016 a las 21:49
  • No, no recibe nada. No entiendo que puede estar mal. es la primera vez que uso jquery seguro q es un error pavo... Gracias por responder hermano! el 27 oct. 2016 a las 23:14

2 respuestas 2

1

Prueba esto:

$.getJSON("/Home/GetBarrios",{ LocalidadId: LocalidadId }, function (data) {
    $.each(data, function (i, val) {
        ddBarrio.append(
            $("<option></option>").val(val.cod_barrio).html(val.barrio)
        );
    });
});

Y tambien haz una prueba poniendo un valor en código duro para LocalidadId y quitando el if.

0

En el controller, cambia estas líneas:

return new JsonResult
{
     Data = lBarrios,
     JsonRequestBehavior = JsonRequestBehavior.AllowGet
};

Por estas:

return Json(new
{
    data = lBarrios
},
JsonRequestBehavior.AllowGet);
2
  • gracias por responder bro! probe pero no me funciono, lo raro es q pongo puntos de interrupcion y no esta entrando al metodo get del json, no entieno que podria ser. el 27 oct. 2016 a las 21:10
  • Utiliza el depurador del navegador para ver, primero si el selector de jQuery ( $("#LocalidadId") ) está funcionando. Comprueba que el Id de del DropDownList para localidad sea, efectivamente, "LocalidadId".
    – Javier
    el 28 oct. 2016 a las 6:29

Tu Respuesta

By clicking “Publica tu respuesta”, you agree to our terms of service and acknowledge you have read our privacy policy.

¿No es la respuesta que buscas? Examina otras preguntas con la etiqueta o formula tu propia pregunta.