从 asp.net 控制器获取数据时出现 $http 未定义错误

Question

我在 asp.net 中使用 angularjs

我使用 CRUD 制作了一个控制器，并尝试使用 $http 服务从 angularjs 控制器获取数据

Route params 正在从 url 获取正确的查询，我对此进行了测试，但在请求数据时出现未定义的错误

我做错了什么？ :(

SongsController.cs 方法：

public ActionResult Index(string id)
    {
        /*var result = db.Songs.ToList();
        return Json(result, JsonRequestBehavior.AllowGet);*/

        string searchString = id;
        var songs = from m in db.Songs
                    select m;

        if (!String.IsNullOrEmpty(searchString))
        {
            songs = songs.Where(s => s.Title.Contains(searchString));
        }

        return Json(songs, JsonRequestBehavior.AllowGet);
    }

songsService.js：

myApp.factory('songsService', ['$http', function ($http) {
var songsService = {};

songsService.getSongs = function (param) {
    return $http.get('/Songs/Index/' + param);
}

return songsService;}])

songsController.js：

myApp.controller('songsController', ['$scope', '$routeParams', 'songsService', function ($scope, $routeParams, songsService) {
var search = $routeParams.query;
if (search == 'undefined' || search == null)
    search = '';

getSongs(search);
function getSongs(searchText) {
    songsService.getSongs(searchText)
        .success(function (data) {
            $scope.songs = data;
        })
        .error(function (error) {
            $scope.status = 'Unable to load data: ' + error.message;
            console.log($scope.status);
        });
}}]);

编辑： 歌曲类：

    using System;
using System.Collections.Generic;

    public class Song
    {
        public int ID { get; set; }
        public string Title { get; set; }
        public string Artist { get; set; }

        public virtual ICollection<Navigation> Navigations { get; set; }
    }

EDIT2：导航类：

using System;

public class Navigation
{
    public int ID { get; set; }
    public int SongID { get; set; }
    public int PlaylistID { get; set; }

    public virtual Song Song { get; set; }
    public virtual Playlist Playlist { get; set; }
}

编辑3： 如果我命名我的 .cs 控制器 SongsController 并导航到 url song/index/something 如果我想打开或保存 something.json 并被重定向回由 ngroute (#/songs/) 定义的默认 url，我会弹出窗口

但是，如果我将 .cs 控制器命名为其他名称，例如 RandomController，如果我导航到相同的 url，我会收到此错误：

在序列化“System.Data.Entity.DynamicProxies.Navigation_7A1A3B789B740F23BAB0A6DAABE519BE3A‌​F91C300893047C23FF2FD8C44E6705”类型的对象时检测到循环引用。

EDIT4：如果我的 SongsController.cs 看起来像这样，我已经指出一切：

public ActionResult Index(string id)
    {
        var song = new List<Song>
        {
            new Song{Title="Paint It Black",Artist="Rolling Stones"},
            new Song{Title="People Are Strange",Artist="The Doors"},
            new Song{Title="With Or Without You",Artist="U2"},
            new Song{Title="Wish You Were Here",Artist="Pink Floyd"},
            new Song{Title="Fluorescent Adolescent",Artist="Arctic Monkeys"},
            new Song{Title="La Guitarra",Artist="Orjan Nilsen"},
            new Song{Title="Ping Pong",Artist="Armin Van Buuren"},
            new Song{Title="Fade Out Lines",Artist="The Avenger"},
            new Song{Title="Redemption Song",Artist="Bob Marley"},
            new Song{Title="Wherever I May Roam",Artist="Metallica"},
        };
        return Json(songs, JsonRequestBehavior.AllowGet);*/
    }

如果一切正常，但如果它看起来像我在原始帖子中写的那样，当我运行 $http.get 时出现未定义错误：/

EDIT5：好的，我相信问题是我正在尝试发送包含导航类对象数组的对象，我该如何解决这个问题？ :(

Answer 1

您的Song 类上有一个循环引用。

当 Json 序列化程序尝试处理它时，它会找到 Navigations 属性并尝试对其进行序列化，问题是该集合上的每个 Navigation 对象都有相同 Song 的实例，所以它进入一个无限循环，试图一遍又一遍地序列化所有内容。

这是因为 EntityFramework 具有延迟加载功能，并在序列化程序尝试访问类时自动填充类。

要修复它，您可以做两件事，特别是禁用该调用的延迟加载：

public ActionResult Index(string id)
{
    db.Configuration.LazyLoadingEnabled = false;

    string searchString = id;
    var songs = from m in db.Songs
                select m;

    if (!String.IsNullOrEmpty(searchString))
    {
        songs = songs.Where(s => s.Title.Contains(searchString));
    }

    return Json(songs, JsonRequestBehavior.AllowGet);
}

另一种选择是创建一个模型，其中仅包含您需要返回的数据并手动填充（或使用映射器工具）。

public ActionResult Index(string id)
{
    db.Configuration.LazyLoadingEnabled = false;

    string searchString = id;
    var songs = from m in db.Songs
                select m;

    if (!String.IsNullOrEmpty(searchString))
    {
        songs = songs.Where(s => s.Title.Contains(searchString));
    }

    var mappedSongs = songs.Select(it => new { Title = it.Title, Artist = it.Artist }).ToList();

    return Json(mappedSongs , JsonRequestBehavior.AllowGet);
}