使用$ .GetJSON（）函数检索类对象的数组

debugcn 发表于 Dev

罗希特·潘迪（Rohit Pandey）

我已经实现了一个WEB API 2控制器，该控制器返回一个类对象数组。现在，我想在我的MVC 5应用程序中使用此API。为此，我发现可以使用getJSON方法。但是问题是我不知道如何从getJSON方法获取类对象的数组。另外，根据返回的对象数，我必须在UI上创建相等数量的网格。欢迎使用任何指针，链接或示例代码。

普拉涅什·哈拉斯（Prgnesh Khalas）

下面的示例将帮助您使用Web API并在页面中使用该数据。

控制器：-

public class TestController : ApiController
    {
      public IEnumerable<temp> Get()
        {
          var context = new Test();
          return context.temps;
        }
    }

用于数据库的Model和DbContext类：

[Table("temp")]
public class temp
{
    [Key]
    [DatabaseGenerated(DatabaseGeneratedOption.Identity)]
    [Column(TypeName = "numeric")]
    public decimal tempid { get; set; }

    [Required]
    [StringLength(50)]
    public string name { get; set; }

    [Required]
    [StringLength(50)]
    public string address { get; set; }
}

public class Test : DbContext
 {
    public Test()
        : base("name=Test")
    {
    }
    public virtual DbSet<temp> temps { get; set; }

    protected override void OnModelCreating(DbModelBuilder modelBuilder)
    {
        modelBuilder.Entity<temp>()
            .Property(e => e.tempid)
            .HasPrecision(18, 0);
    }
}

侧面：-

<html>
  <head>
    <script src="~/Scripts/js/jquery-1.10.1.min.js"></script>
    <script>
       $(document).ready(function()
        {
            $.getJSON("http://localhost:51197/api/Test", function (data) {
            $.each(data, function (key, val) {
                $("<table border='1'><tr><td>" + val.name + "</td><td>" + val.address
                       + "</td></tr></table>").appendTo("#tbPerson");
            });
         });
       });
    </script>
</head>
<body>
  <div id="tbPerson">
  </div>
</body>
</html>

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。