引起循环引用的对象序列化

Question

I have a simple Article class like this:

   public class Article
   {
    [Key]
    public int ArticleId { get; set; }
    public string Title { get; set; }
    public string PageContent { get; set; }
    public System.DateTime PostedDate { get; set; }
    public int? ArticlePostedBy { get; set; }

    public virtual ApplicationUser ApplicationUser { get; set; }
  }

and this is my ApplicationUser class which have one to many relationship with article class :

 public class ApplicationUser : IdentityUser<int, CustomUserLogin, CustomUserRole, CustomUserClaim>
  {
    public ApplicationUser()
    {
        this.Articles = new HashSet<Article>();
    }
    public virtual ICollection<Article> Articles { get; set; }

I have configured the one to many relationship using fluent api like this:

    modelBuilder.Entity<Article>()
                   .HasOptional<ApplicationUser>(a => a.ApplicationUser)
                   .WithMany(a => a.Articles)
                   .HasForeignKey(s => s.ArticlePostedBy);

Now, this is my controller for posting the article:

    [HttpPost]
    public JsonResult Index(Article article)
    {
        article.ArticlePostedBy = User.Identity.GetUserId<int>();
        article.PostedDate = DateTime.UtcNow;
        db.Articles.Add(article);
        db.SaveChanges();
        var usr = db.Users.FirstOrDefault(x => x.Id == article.ArticlePostedBy);
        var ret = new
        {
            Title = article.Title,
            PostedBy = article.ArticlePostedBy,
            PostedByName = usr.UserName,
            PostedByAvatar = db.Users.Include(s => s.Files).SingleOrDefault(s => s.Id == article.ArticlePostedBy),
            PostedDate = article.PostedDate,
            ArticleId = article.ArticleId
        };
        return Json(ret, JsonRequestBehavior.AllowGet);
    }

Now, the problem arises when i try to post the data. On Submit button click, data got saved in the dbase but gives this server error--- A circular reference was detected while serializing an object of type 'System.Data.Entity.DynamicProxies.ApplicationUser_04102CD9A296DF3EA26BCA4B5FDF758BC1CD8B55C5601C2EA864BBE5FE4B7F46'. Now, i have read many articles on stack overflow but did not get any simple solution. The solution was given to disable lazy loading but I can't disable lazy loading as it is my primary need. many functions in my application would get affected due to that. Somewhere it was suggested to use ScriptIgnore. Should I use that? If yes, where to apply that or there is any other better approach. I want to apply changes only for this particular class.

Answer 1

Your error is occurring because the anonymous object your returnind ( ret ) includes property PostedByAvatar which is typeof ApplicationUser .

ApplicationUser contains a collection of Article and Article contains a property for ApplicationUser which in turn contains a collection of Article which contains ApplicationUser and so on and so on. Serializing it generates a circular reference exception.

Instead of returning ApplicationUser , just return a property (or properties) of ApplicationUser that you need in the view.

var user = db.Users.Include(s => s.Files).SingleOrDefault(s => s.Id == article.ArticlePostedBy);

var ret = new
{
    Title = article.Title,
    ....
    PostedByAvatar = user.Files.someProperty;
    ....
}

Side note. It appears you have already the user defined by var usr = db.Users.FirstOrDefault(x => x.Id == article.ArticlePostedBy); so it's unnecessary to call the database again (the only difference appears to be the .Include() clause so that should just be included in the var usr = .. statement).