使用 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 中的段落，或者将它们插入到了错误的位置？任何帮助都会很棒。