Send object (C#) from server to angular $http

[Bogdan Ionescu]

I have a SPA project with Mvc and angular.

I need to send from server an object (a tree) to an angular controller:

    

    angular.module('App').

controller('TreeMenuController', ["$scope", "$http", treeMenuController]);

    function treeMenuController($scope, $http) {

var baseUrl = "Home/GetMetadata";

var params = {};

$http.post(baseUrl, params)

.then(function (data) {

$scope.roleList = JSON.parse(data);

});

    };

roleList must be in format:

    [

{

            "roleName": "User", 

            "roleId": "role1", 

            "children": [

   { 

                    "roleName": "subUser1", 

                    "roleId": "role11", 

                    "children": [] 

                },

   {

                    "roleName": "subUser2", 

                    "roleId": "role12", 

                    "children": [

       {

                            "roleName": "subUser2-1", 

                            "roleId": "role121", 

                            "children": [

           { 

                                    "roleName": "subUser2-1-1", 

                                    "roleId": "role1211", 

                                    "children": [] 

                                },

           { 

                                    "roleName": "subUser2-1-2", 

                                    "roleId": "role1212", 

                                    "children": [] 

                               }

]

}

]

}

]

},

   { 

            "roleName": "Admin", 

            "roleId": "role2", 

            "children": [] 

        },

{ 

            "roleName": "Guest", 

            "roleId": "role3", 

            "children": [] 

        }

]

the object to send is a List<TreeMenuItem>:

    public class TreeMenuItem

{

string roleName { get; set; }

string roleId { get; set; }

List<TreeMenuItem> children { get; set; }

public TreeMenuItem(string id, string name, List<TreeMenuItem> children)

{

this.roleId = id;

this.roleName = name;

this.children = children;

}

}

the Web method (in Home controller):

    

    [HttpPost]

public List<TreeMenuItem> GetMetadata()

{

List<TreeMenuItem> itemsMenu = new List<TreeMenuItem>();

TreeMenuItem dataSource = new TreeMenuItem("1", "DataSources", null);

itemsMenu.Add(dataSource);

return itemsMenu;

}

The object send is not recognised on angular. JSON.parse throw an exception: Unexpected token S.

What I need to do?

Thanks.

[Raul Vieira]

You need to convert your response to JSON.  Im not sure how you would do that with .net.  Also, you should send the content-type as application/json in the response header so you don't have to call json.parse.

Sent from my iPhone

--
You received this message because you are subscribed to the Google Groups "AngularJS" group.
To unsubscribe from this group and stop receiving emails from it, send an email to angular+u...@googlegroups.com.
To post to this group, send email to ang...@googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

[Bogdan Ionescu]

The content-type is application/json (is default for $http).

[Raul Vieira]

Why are parsing the data param?

Sent from my iPhone

[Bogdan Ionescu]

I'm not experienced in angular and json, so I tried different versions until it's work ....

--
You received this message because you are subscribed to a topic in the Google Groups "AngularJS" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/angular/6NwbkWQHb8M/unsubscribe.
To unsubscribe from this group and all its topics, send an email to angular+u...@googlegroups.com.

To post to this group, send email to ang...@googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

--

Bogdan Mihai Ionescu

[Raul Vieira]

Fair enough.

I'm not a .net dev but maybe this can help you http://msdn.microsoft.com/en-us/library/bb412179(v=vs.110).aspx

Sent from my iPhone

[Bogdan Ionescu]

The link is for WCF, which is not applicable in my situation (MVC web method).

Thanks anyway.

[Mauro Servienti]

  

    [HttpPost]

            public List<TreeMenuItem> GetMetadata()

                        {

                                   List<TreeMenuItem> itemsMenu = new List<TreeMenuItem>();

                                   TreeMenuItem dataSource = new TreeMenuItem("1", "DataSources", null);

                                   itemsMenu.Add(dataSource);

                                   return itemsMenu;

                        }

 

 

[.m] is the above in an MVC controller or WebAPI controller?

 

.m

[Bogdan Ionescu]

It was on a Mvc controller, but now is an Api Controller . And I have the same problem.

I want to use Web api.

--

You received this message because you are subscribed to a topic in the Google Groups "AngularJS" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/angular/6NwbkWQHb8M/unsubscribe.
To unsubscribe from this group and all its topics, send an email to angular+u...@googlegroups.com.
To post to this group, send email to ang...@googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

--

Bogdan Mihai Ionescu

[Mauro Servienti]

It was on a Mvc controller, but now is an Api Controller . And I have the same problem.

I want to use Web api.

[.m] in MVC that can’t work, full stop, you need to introduce some sort of a “JsonResult” on the server, in WebAPI it works out-of-the-box, I do that the entire day :-)

You do not need the JSON.parse on the angular side, what you get back is already a valid json response, take a look with the browser tools :-)

 

[William Thiago]

WebAPI returns json or xml in accordance with the request.

Make sure you're requesting application/json in accept header (view in fiddle, or chrome inspect, or firebug, etc).

An alternative is set WebAPI to return always as json, removing xml formater, or changing the content negotiator:

http://stackoverflow.com/questions/12629144/how-to-force-asp-net-web-api-to-always-return-json

[]s

William Thiago

[Bogdan Ionescu]

I did (look on network browser tools): the response is [{}]

--

You received this message because you are subscribed to a topic in the Google Groups "AngularJS" group.
To unsubscribe from this topic, visit https://groups.google.com/d/topic/angular/6NwbkWQHb8M/unsubscribe.
To unsubscribe from this group and all its topics, send an email to angular+u...@googlegroups.com.
To post to this group, send email to ang...@googlegroups.com.
Visit this group at http://groups.google.com/group/angular.
For more options, visit https://groups.google.com/d/optout.

--

Bogdan Mihai Ionescu

[Bogdan Ionescu]

I solved the problem:

http://stackoverflow.com/questions/26465734/web-api-return-null-value