jquery - 使用 jquery.ajax 将复杂类型(多个列表)返回到客户端

Question

我正在设计一个页面，它对服务器端的页面方法进行 ajax 调用(通过 jQuery.ajax)。
在服务器端，我有两个类:Agent和Channel .
在页面方法中，我想返回 List<Agent>和一个 List<Channel>到客户端。
如何向客户端返回两个列表？应该将它们包装在一个类中，例如:

public class ReturnData
  {
     public List<Agent> Agents{ get; set; }
     public List<Channel> Channels{ get; set; }
  }  

或者有更好的方法吗？
另外，我如何在客户端访问这些列表的项目？类似 foreach(var item in Agents)但在客户端呢？

Answer 1

Controller 代码

  public ActionResult SomeAction()
    {
        List<Agent> collectionOfAgents = //get your collection
        List<Channels> collectionOfChannels = //get your collection
        var jsonData = new
                           {
                                   Agents =collectionOfAgents,
                                   Channels = collectionOfChannels 

                           };
        return Json(jsonData);
    }

Jquery代码

                    jQuery.ajax({
                            url: '/Controller/SomeAction',
                            type: "POST",
                            dataType: "json",
                            success: function (data) {
                                var collectionOfAgents = data.Agents;
                                //iterate over agents
                                for(var a in collectionOfAgents)
                                {
                                  alert(collectionOfAgents[a]);
                                }
                                var collectionOfChannels = data.Channels;
                                //iterate over channels 
                                for(var c in collectionOfChannels)
                                {
                                  alert(collectionOfChannels[c]);
                                }
                            }
                        });