Я пытался сделать работу ASP.NET Web Api CRUD в веб-приложении VS 2010, но почему результат не возвращает всю строку из исходной таблицы.

Это мой код:

Маршрут / 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 }
      );

Controller / ProductController.cs:

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

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

View / ViewProduct.aspx:

    


    $(function () {
        $('#').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 = ' ' + val.ProductName + '' + val.ProductID + '';

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


                    });
                });
    }

Сильфон - это результат контроля продукта через 'http: // localhost: 7031 / api / product ':

Сильфон - это результат функции getProducts ():

Пожалуйста, помогите мне.

Любая идея или предложение?