ASP.NET C＃，将对象返回到Angular

Question

I am writing a C# api backend for an Angular front end. I have done this before in other projects and previously I have always just returned an object from the c# and in postman or Angular I was able to read the object. In postman, it was neatly formatted as json.

For example, I used to have a class Person and a controller PersonController . In PersonController , I could have a method Get() and the Get would be like this

public Person Get() {
    Person p = new Person();
    ...
    return p;
}

and I should call the PersonController.Get from Angular and I would have the person. However for some reason, now I am doing this in a new project and all I am getting is [Person] -- not the expandable json.

Why is this?

I know I see that a diff. developer has spent time to return it as a string:

JavaScriptSerializer json = new JavaScriptSerializer()
            {
                MaxJsonLength = 3000;
            };
strJson = json.Serialize(model);
return strJson;

But I want to return the actual object. I find parsing it made it much much slower.

EDIT:

This is my actual controller:

 public class PersonController : Controller
 {
        private readonly IPersonService personService;

        public PersonController()
        {
            presonService =  new PersonService();
        }

        public async Task<JArray> Get(int? id)
        {
            var model = await personService.GetInfo(id, ConnHelper.ConnectionString());
            JArray a = (JArray)JToken.FromObject(model);
            return a;
            //return model;
        }

        public async Task<List<Person>> GetObject(int? id)
        {
                var model = await personService.GetInfo(id, ConnHelper.ConnectionString());                
                return model;
        }
}

Answer 1

Because your controller is a normal controller you should return Json as below:

public class PersonController : Controller
{
    private readonly IPersonService personService;

    public PersonController()
    {
        presonService =  new PersonService();
    }


    public async Task<JArray> Get(int? id)
    {
        var model = await personService.GetInfo(id, ConnHelper.ConnectionString());
        JArray a = (JArray)JToken.FromObject(model);
        return Json(a);
        //return model;
    }




public async Task<List<Person>> GetObject(int? id)
            {
                var model = await personService.GetInfo(id, ConnHelper.ConnectionString());                
                return Json(model);
            }
        }

Answer 2

When you only need to support JSON in your ASP.NET Web API, in your Global.asax inside Application_Start(), add this

GlobalConfiguration.Configuration.Formatters.Clear();
GlobalConfiguration.Configuration.Formatters.Add(new JsonMediaTypeFormatter());

I think this will be a good place to dig: https://www.strathweb.com/2013/06/supporting-only-json-in-asp-net-web-api-the-right-way/