Не удается передать данные Json в MVC View

Question

Я пытаюсь передать данные Json в таблицу html внутри моего представления. По какой-то причине я не могу заставить его работать. Вот мой код. У меня есть боковая панель «групповые коды», и таблица должна фильтроваться на основе выбранного группового кода. Когда я «предупреждаю (данные)», я получаю данные, которые мне нужны, только если я сериализую, как показано ниже, иначе я просто получаю [objet] [Object]. Кроме того, если я $ («хе»). HTML (данные) возвращают данные, но в формате JSON и явно не в внесенной структуре

--Controller 

[HttpPost] 
    public JsonResult Index(string grpCode) 
    { 
     JavaScriptSerializer serializer = new JavaScriptSerializer(); 
     var data = serializer.Serialize(new EmployeeDAL().EmployeeData(grpCode).employeeList);  
     return Json(data);   
    } 
--View 

$('#tbl tr td').click(function() { 
      var selection = $(this).text().trim(); 

      $.ajax({ 
       type: "Post", 
       url: "/Home/Index/", 
       dataType: "Json", 
       data: { grpCode: selection },      
       success: function (data) {      
        alert(data); 
        $.each(data, function (index, item) { 
         var row = $("<tr />"); 
         $("<td />").text(item.First_Name).appendTo(row); 
          $("<td />").text(item.Last_Name).appendTo(row); 
          $("<td />").text(item.Work_Pager).appendTo(row); 
          $("<td />").text(item.Effective_Date).appendTo(row);       
         row.appendTo("table.xx"); 
        }); 
<table class="xx"> </table> 

--Sample JSon [{"Last_Name": "Brown", 
    "First_Name": "Rodney" "Work_Pager": "43343"}] 

Я просто использую этот „мусор“ таблицу для тестирования , Когда я получу его для работы, реальная таблица будет структурирована нормально

Answer 1

JsonResult автоматически сериализует ваш объект в JSON. Вы должны использовать:

public JsonResult Index(string grpCode) 
{ 
    var data = new EmployeeDAL().EmployeeData(grpCode).employeeList;  
    return Json(data);   
} 

Edit: Если оповещение данных дает [object] [Oject] то, что возвращается не вероятно, простой список элементов, но сложный объект.

Например:

{"items":[{"name":"test","completed":false},{"name":"test2","completed":true}]} 

то массив элементов (тест и TEST2) будет содержаться в data.items, и вы могли бы получить длину массива с помощью: alert(data.items.length);

Для Отладка Я рекомендую использовать Chrome и специально использовать вкладки «Сеть и источники».