MVC5通过jQuery的Ajax返回对象的泛型列表

Question

我试图通过jQuery Ajax来检索对象的列表

我有这样一个控制器方法：

[HttpGet] 
public JsonResult GetAllStates(string listname = "") 
{ 
    clsDdl ddl = new clsDdl(); 
    List<clsDdl> retval = new List<clsDdl>(); 
    ddl.id = "1"; 
    ddl.value = "Dropdown1"; 
    ddl.status = "DDL Status"; 
    ddl.attributes = "First Dropdown Text"; 
    retval.Add(ddl); 

    //return retval; 
    return Json(new 
    { 
     list = retval 
    }, JsonRequestBehavior.AllowGet); 
} 

我的继承人下拉类，我我试图在我看来返回

public class clsDdl 
{ 
    public string id { get; set; } 
    public string value { get; set; } 
    public string status { get; set; } 
    public string attributes { get; set; } 
} 

代码看起来像这样

function LoadListItems (options) { 

var listname = options.listname; 

$.ajax({ 
     type: "GET", 
     url: url, 
     data: JSON.stringify({ 
      listname: listname 
     }), 
     contentType: "application/json; charset=utf-8", 
     async: true, 
     success: function (result) { 
      alert(result[0].value); 
     }, 
     error: function (xhr, status, err) { 
      alert(err.toString(), 'Error - LoadListItemsHelper'); 
     } 
     }); 

我的控制器操作正在进行中。但警报总是“未定义”。 我也试过

success: function (data) { 
       var result = data.d; 
       for (var i = 0; i < result.length; i++) { 
       alert(result[i].attributes); 
       } 

没有成功。我究竟做错了什么 ？

在此先感谢...

Answer 1

您是从服务器返回的JSON。 您在Ajax请求设置dataType到json

1. 的contentType - >数据发送到服务器

2. 的dataType - 从服务器返回>数据

What is content-type and datatype in an AJAX request?

 $.ajax({ 
     type: "GET", 
     url: url, 
     data: JSON.stringify({ listname: listname }), 
     contentType: "application/json; charset=utf-8", 

//HERE 
     dataType: 'json', 
     success: function (result) { 
       alert(result[0].value); 
     }, 
     error: function (xhr, status, err) { 
       alert(err.toString(), 'Error - LoadListItemsHelper'); 
     } 
    }); 

2.

您正在返回

return new Json(new {list = retval}, JsonRequestBehavior.AllowGet); 

在success: function(result)

您可以访问列表如下：result.list[index]

success: function (result) { 

     for(var i =0; i < result.list.length; i++){ 

     alert(result.list[i].value); 
     alert(result.list[i].status); 
     } 
} 

编辑基于Aivan Monceller的评论你可以这样做：

当你发送GET你不需要

contentType: "application/json; charset=utf-8", 

所以，你可以写你的Ajax这样的：

 $.ajax({ 
     type: "GET", 
     url: url, 
     data: { listname: listname }, 

//HERE 
     dataType: 'json', 
     success: function (result) { 
       alert(result[0].value); 
     }, 
     error: function (xhr, status, err) { 
       alert(err.toString(), 'Error - LoadListItemsHelper'); 
     } 
    });