Skip to main content
1 de 2

Retornar List<T> por Json a JS desde c# con clase que contiene otra clase

tengo una clase Localidad que contiene un atributo de la clase Provincia, al querer hacer los combos anidados por Ajax con Jquery me da un error 500 - Internal server error-. Si yo saco el atributo Provincia, anda perfecto. como puedo solucionar esto?

using System;
using System.Collections.Generic;
using System.ComponentModel.DataAnnotations;
using System.Linq;
using System.Web;

    namespace javaScript.Models
    {
        public class Localidad
        {
            public int Id { get; set; }
            public string Descripcion { get; set; }
    
    
            [Display(Name ="Provincia")]
            public int IdProvincia { get; set; }
    
    
    
            public Provincia Provincia
            {
    
                get { return new Provincia(this.IdProvincia); }
    
    
                set { }
            }
    
            public void set_Provincia(int idProvincia)
            {
                this.Provincia = new Provincia(1);
    
            }
    
    
    
        }
    }




namespace javaScript.Models
{
    public class Provincia
    {

        // public int Id { get; set; }

        public int Id { get; set; }
        public string Descripcion { get; set; }
        public string Gobernador { get; set; }
        public List<Localidad> Localidades { get; set; }

        
    }
}

***** Método en el controller para retornar la lista

public ActionResult GetSecondValues(string IdProvincia)
{
    IEnumerable<Localidad> localidadList = null;
    var db = new Contexto();
    
   var id = Int32.Parse(IdProvincia);
    if (id > 0)
    {
        //se carga la lista de Localidades
   
        localidadList = db.Localidades.Where(x => x.IdProvincia == id).ToList();
    }
    var retorno = Json(localidadList);

    return retorno;


}

*******Método Ajax en la vista

<script type="text/javascript">
    $(function () {
        $("#IdProvincia").change(function () {
                var selectedItem = $(this).val();
                var ddlStates = $("#IdLocalidad");
             var statesProgress = $("#states-loading-progress");
             statesProgress.show();
             $.ajax({
                 cache: false,
                 type: "POST",
                 url: "@(Url.Action("GetSecondValues"))",
                 data: { "IdProvincia": selectedItem },
                    success: function (data) {
                        ddlStates.html('');
                        $.each(data, function (id, option) {
                            ddlStates.append($('<option></option>').val(option.Id).html(option.Descripcion));
                        });
                        statesProgress.hide();
                    },
                    error: function (xhr, ajaxOptions, thrownError) {
                        alert('Failed to retrieve states.');
                        statesProgress.hide();
                    }
                });
            });
        });
</script>