ASP.NET MVC 5 JsonResult和Ajax-MVC JQuery错误

Question

Thanks to @NikhilGhuse, which solution have been sent to me (please mark his answer). I can apply this solution to my data these are the results and the keys:

First of all my model need to send a List to the controller. This is my my function to send the List:

                            public List<VistaModelo> SegundaConsulta()
                            {
                                //Web.Config
                                Entities db = new Entities();

                                var consulta = from varLocal in db.LecturaContadorLuzAANDRES
                                                group varLocal by varLocal.dispositivo into subconsulta
                                                select subconsulta.OrderByDescending(t => t.unixtime).FirstOrDefault();

                                List<LecturaContadorLuzAANDRES> lista = consulta.ToList();

                                List<VistaModelo> listaVistaModelo = new List<VistaModelo>();


                                foreach (LecturaContadorLuzAANDRES b in lista)
                                {
                                    VistaModelo objLista = b.pasaObjetoAVistaModelo();
                                    listaVistaModelo.Add(objLista);
                                }

                                return listaVistaModelo;
                            }

Then in my controller I need two functions:

Consulta 6. Read the list and transform to JSON (you need: using Newtonsoft.Json; in the controller:

public JsonResult Consulta6()
    {
        var Consulta = new ConsultaContraBD();
        List<VistaModelo> miSegundaConsulta = Consulta.SegundaConsulta();

        return Json(miSegundaConsulta, JsonRequestBehavior.AllowGet); //El JsonRequest Behaviour permite que se devuelva información de JSON en un getRequest.

    }

Consulta7. From this method I make the View:

public ActionResult Consulta7()
    {
        return View();

    }

Finally I need Ajax into the script to read the information pass to method Consulta6. Note: Remember to load the packages json2.js and jquery-3.0.0.js

                            @{
                            ViewBag.Title = "Consulta7";
                        }



                        <script src="~/Script/jquery-3.0.0.js"></script>
                        <script src="~/Script/json2.js"></script>
                        <script type="text/javascript">

                            $(function () {
                                $('#btonLista').on("click", function (e) {
                                    e.preventDefault();
                                    $.ajax
                                        ({
                                            url: '/Home/Consulta6/',
                                            type: 'get',

                                            dataType: 'json',
                                            success: function (data) {

                                                $(data).each(function (index, item) {
                                                    $('#ulLista').append("<li>" + item.consumo + "</li>")
                                                });
                                            }
                                        });
                                });
                            });
                        </script>
                        <div>
                            <input type="button" id="btonLista" value="Click" name="" />
                            <ul id="ulLista"></ul>
                        </div>

The final result is a page where you click a button and returns the list.

Answer 1

<script type="text/javascript">
    $(function ()
    {enter code here
        $('#btonLista').on("click", function (e)
        {
            e.preventDefault();
            $.ajax
                ({
                    url: '/Home/Consulta52/',
                    type: 'GET',
                    dataType: 'json',
                    success: function (data) {
                        $(data).each(function (index, item) {
                            $('#ulLista').append("<li>"+item.consumo+"</li>")
                        });
                    }
                });
        });
    });
</script>

My two controllers:

public ActionResult Consulta51()
    {
        return View();
    }

    public JsonResult Consulta52()
    {
        var Consulta = new ConsultaContraBD();
        var miSegundaConsulta = Consulta.SegundaConsulta();


        return Json(miSegundaConsulta.ToList(), JsonRequestBehavior.AllowGet);
    }

/// My Sample Starts here

//Controller

     namespace Sample.Controllers
    {
       public class HomeController : Controller
    {
    //
    // GET: /Home/

    public ActionResult Index()
    {
        return View();
    }

    public JsonResult Consulta52()
    {
        modelCS model = new modelCS();
        List<Department> ds = model.getList();
        return Json(ds, JsonRequestBehavior.AllowGet);
    }
   }
 }

//Index.cshtml

     @{
    ViewBag.Title = "Index";
  }
  <h2>
      Index</h2>
  <script src="../../scripts/jquery-2.1.4.js" type="text/javascript">
   </script>
       <script src="../../scripts/json2.js" type="text/javascript"></script>
     <script type="text/javascript">
       $(function () {
    $('#btonLista').on("click", function (e) {
        e.preventDefault();
        $.ajax
            ({
                url: '/Home/Consulta52/',
                type: 'get',

                dataType: 'json',
                success: function (data) {

                    $(data).each(function (index, item) {
                        $('#ulLista').append("<li>" + item.DepartmentName + "</li>")
                    });
                }
            });
         });
       });
  </script>
       <div>
        <input type="button" id="btonLista" value="Click" name="" />
       <ul id="ulLista">
     </ul>
      </div>

And My Model Class goes like this

    public class modelCS
     {
    string constr = "Data Source=.;Initial Catalog=test1;Integrated Security=True";
    List<Department> newDept = new List<Department>();
    public List<Department> getList()
    {
        SqlConnection con = new SqlConnection(constr);
        // SqlCommand cmd = new SqlCommand("select * from Department", con);
        con.Open();
        SqlDataAdapter da = new SqlDataAdapter("select * from Department", con);
        DataSet ds = new DataSet();
        da.Fill(ds);
        var td = ds.Tables[0];
       // List<Department> newDept = new List<Department>();

        foreach (DataRow t in td.Rows)
        {
            newDept.Add(new Department() { DepartmentId = (int)t.ItemArray[0], DepartmentName = t.ItemArray[1].ToString() });
        }

        return newDept;
        //List<string> list = listT
    }

}

Department class

public class Department
{
    public int DepartmentId { get; set; }
    public string DepartmentName { get; set; }
}