VS 2010 Web 应用程序中的 ASP.NET Web Api CRUD 操作

Question

我尝试在 VS 2010 Web 应用程序中进行 ASP.NET Web Api CRUD 操作，但为什么结果没有从源表返回所有整行。

这是我的代码：

Route/Globax.asax

protected void Application_Start(object sender, EventArgs e)
        {
            RouteTable.Routes.MapHttpRoute(
            name: "DefaultApi",
                routeTemplate: "api/{controller}/{id}", // browse with localhost:7031/api/product
                //routeTemplate: "{controller}/{id}",  // browse with localhost:7031/product
                 defaults: new { id = System.Web.Http.RouteParameter.Optional }
      );

控制器/ProductController.cs：

    public class ProductController : ApiController
    {
        NorthwindEntities db = new NorthwindEntities();

        public List<Product> GetAll()
        {
            return db.Products.ToList<Product>();// ;
        }

查看/ViewProduct.aspx：

    <script src="Script/jquery-1.7.1.min.js" type="text/javascript"></script>

<script type="text/javascript">
    $(function () {
        $('#<%= cviewproduct.ClientID %>').click(function (e) {
            getProducts();
            e.preventDefault();
        });

    });

    function getProducts() {
        $.getJSON("/api/product",
                function (data) {
                    $.each(data, function (key, val) {
                        //var str = val.ProductName;
                        // alert(str);

                        var row = '<tr> <td>' + val.ProductName + '</td><td>' + val.ProductID + '</td><tr/>';

                        $(row).appendTo($('#tblproduct'));


                    });
                });
    }
</script>

下面是产品控制器通过'http://localhost:7031/api/product'的结果：

下面是 getProducts() 函数的结果：

请帮帮我。

有什么想法或建议吗？

Answer 1

当您执行$.getJSON("/api/product", ... 时，您不会返回您发布的 XML。您将返回 JSON。

作为第一步，我建议您下载并安装Fiddler2。打开它，然后使用 Composer 选项卡为 http://localhost:7031/api/product 执行 GET。这应该会向您显示返回的 JSON，这将与 XML 不同。将该 JSON 发布到您的原始问题中，我们应该能够提供进一步的帮助。

我的猜测是 JSON 格式不正确。您的 WebApiConfig.cs 类是什么样的？

更新

是的，有更好的方法。首先，创建一个 ApiModel（ApiModel 之于 WebAPI，ViewModel 之于 MVC）：

public class ProductApiModel
{
    public int ProductId { get; set; }
    public string ProductName { get; set; }
}

现在，从控制器返回这个而不是实体：

public class ProductController : ApiController
{
    public IEnumerable<ProductApiModel> GetAll()
    {
        var products = db.Products
            .OrderBy(x => x.ProductID)
            .Select(x => new ProductApiModel
            {
                ProductId = x.ProductID,
                ProductName = x.ProductName
            });
        return products;
    }
}

如果你使用AutoMapper，你可以让你的控制器代码更短一点：

public class ProductController : ApiController
{
    public IEnumerable<ProductApiModel> GetAll()
    {
        var entities = db.Products.OrderBy(x => x.ProductID);
        var models = Mapper.Map<ProductApiModel[]>(entities);
        return models;
    }
}

Answer 2

经过一番研究，我终于发现（如果我错了，请纠正我）： JavaScriptSerializer 无法从关系中序列化整个对象树 实体与其他实体（产品和类别）之间的关系。

所以..我对我的代码做了一些修改，结果和预期的一样

---

控制器/ProductController.cs：

发件人：

public class ProductController : ApiController
{
    NorthwindEntities db = new NorthwindEntities();

    public List<Product> GetAll()
    {
        return db.Products.ToList<Product>();// ;
    }

收件人：

public class ProductController : ApiController
{

   public string GetAll()
    {
        var product = db.Products.OrderBy(x => x.ProductID).Select(x => new
                     {
                         ProductId = x.ProductID,
                         ProductName = x.ProductName
                     });
        return JsonConvert.SerializeObject(product);
    }

---

查看/ViewProduct.aspx：

发件人：

function getProducts() {
        $.getJSON("/api/product",
                function (data) {
                    $.each(data, function (key, val) {
                        var row = '<tr> <td>' + val.ProductName 
            + '</td><td>' + val.ProductID + '</td><tr/>';
                        $(row).appendTo($('#tblproduct'));

                    });
                });

收件人：

$.getJSON("/api/product",
                function (data) {
                    var obj = $.parseJSON(data);
                    $.each(obj, function (key, val) {
                        var row = '<tr> <td>' + val.ProductId 
        + '</td><td>' + val.ProductName + '</td><tr/>';
                        $(row).appendTo($('#tblproduct'));
                    });
                });

---

或者……还有比这更好的方法吗，

如果我仍想传递实体对象而不是字符串对象 (List GetAll()...代替GetAll string()....)

问候，

安德里安

Answer 3

所以..这是我的最终工作代码

型号：

命名空间 MyLabs1.Models

{
    public class ProductApi
    {
        [Key]
        public Int32 ProductID { get; set; }
        public string ProductName { get; set; }
    }
}

控制器/ProductController.cs：

public IEnumerable<ProductApi> getall()
    {
        Mapper.CreateMap<Product, ProductApi>();
        var entities = db.Products.OrderBy(x => x.ProductID).ToList();
        var models = Mapper.Map<ProductApi[]>(entities);
        return models;
    }

或

public List<ProductApi> GetAll()
{
    var products = db.Products
        .OrderBy(x => x.ProductID)
        .Select(x => new ProductApi
        {
            ProductID = x.ProductID,
            ProductName = x.ProductName
        }).ToList();
    return products;
}

查看/ViewProduct.aspx：

function getProducts() {
    $.getJSON("/api/product",
            function (data) {
                $.each(data, function (key, val) {
                    var row = '<tr> <td>' + val.ProductName + '</td><td>' + val.ProductID + '</td><tr/>';
                    $(row).appendTo($('#tblproduct'));
                });
            });
   }

希望这对其他人有所帮助

问候，

安德里安