Как разобрать System.Collections.Generic.List в jquery?

Question

Я использую jquery для вызова коллекции Предположим, это моя коллекция

        PageBL pageBL = new PageBL();
        List<Page> pageList = pageBL.GetCategoryPageList(categoryID);
        return pageList;

Я получаю этот список в jquery,

$.get("/Home/GetActionMethod/" + id, { CategoryID: id }, function (data) {

            });

Теперь любой может сказать мне, как эти данные анализируются, чтобы я получил требуемый результат.

Answer 1

Пожалуйста, прочитайте мою тему уже открыт, это может помочь вам Возвращает массив JSon в $ .ajax из метода типа ActionResult в MVC 3

или

var data=null;
$.ajax({
         url: '/Home/GetCategoryPageList/',
         dataType: 'json',
         contentType: 'application/json; charset=utf-8',
         data: {CategoryID: id}
         success: function (msg) {
            data = msg;
         },
         complete: function () {
           //do something with data
           $.each(data, function(index, value)
           { 
             $("#div1").append(value.PageName); //or other property from generic list
            } 
         }
      });

Я предполагаю, что у вас есть общий список, который содержит структуру jgauffin (PageName, Title, SomeOtherProp и т. Д.)

в вашем контроллере

PageBL pageBL = new PageBL();
        List<Page> pageList = pageBL.GetCategoryPageList(categoryID);
        return this.Json( new {
         msg = pageList
      });

Answer 2

Вы должны использовать return Json(pageList); в своем действии контроллера,

Формат будет зависеть от макета Page. Но что-то вроде:

[
    {"PageName": "Title", "SomeOtherProp": "Value"}, 
    {"PageName": "Some other page", "SomeOtherProp": "Value2"}
]

PageName и SomeOtherProp соответствуют свойствам в Page классе

Чтобы просмотреть информацию и обработать ее, вы можете просто сделать:

$.get("/Home/GetCategoryPageList/" + id, { CategoryID: id }, function (data) {
    $.each(data, function(item) {
        alert('Property from an item: ' + item.PageName);
    });
});