使用 JQuery ajax 在 div 中插入控制器数据作为段落

Question

我有一个从模型中检索数据的控制器，并希望添加在名为 test 的 div 中检索到的每一位数据，数据是 div 中的一个段落，但是我无法让它工作。

这是我的控制器：

namespace MyGamesProject.Controllers

{

public class GamesController : ApiController

{

    private GamesDBEntities db = new GamesDBEntities();

    // GET: api/Games

    public IQueryable<object> GetAllGames()

    {

       var games = db.Games.Include(d => d.DailyDatas)

                    .GroupBy(d => new { d.name, d.year })

                    .OrderBy(d => d.Key.name)

                    .Select(d => new

                    {

                        d.Key.year,

                        d.Key.name

                    }

                    );

        return games;

    }

}

}

这是我在 cshtml 视图页面中使用的 ajax：

<div id="test"></div>

@section Scripts {

<script>

    $.ajax({

        url: "/api/Games/",

        method: "GET",

        dataType: 'json',

        success: success

    });

    function success(data)

    {

        $.each(data, function (i, val)

        {

            var $data = $('<p>' + val.name + ' ' + ' was released in ' + val.year + '</p>')

            $data.appendTo($('#test'));

        });

    }

</script>

}

加载页面时，页面为空白，将检索到的数据作为段落添加到 div 中似乎不起作用，我不确定为什么它不起作用。我是否错误地构建了测试 div 中的段落，或者将它们插入到了错误的位置？任何帮助都会很棒。