AngularJS web API not working with strings

Question

At the moment what I am trying to do is to return a list of strings from my web API, but I was getting this error 'No 'Access-Control-Allow-Origin' header is present on the requested resource.'

After struggling for a while I have realised it's because it will only allow me to return a list of integers and not a list of strings.

Here are the two methods (one of which would obviously be commented out).

    public IEnumerable<string> Get(int userId)
    {
        IEnumerable<string> listOfFormGroups = new List<string>() { "Form Group 1", "Form Group 2", "Form Group 3" };
        return listOfFormGroups;
    }

    public IEnumerable<int> Get(int id)
    {
        IEnumerable<int> listOfRoles = new List<int>() { 1, 2, 3 };
        return listOfRoles;
    }

The top method throws the error, but the second method returns fine.

my angular service

this.get = function (userId) {
    return $http.get(toApiUrl('formgroup/') + userId);
}

my angular controller calling the service,

    var promiseGet = formGroupService.get(1);
    promiseGet.then(function (result) {
        $scope.FormGroups = result.data
    },
          function (errorResult) {
              $log.error('Unable to get users form groups. An error has occurred. :', errorResult);
          });

This looks odd, and I don't see why 'Access-Control-Allow-Origin' is related to integer. — ABOS
– ABOS, Commented May 15, 2015 at 13:25
Please google that error, it has absolutely nothing to do with the type of data sent — charlietfl
– charlietfl, Commented May 15, 2015 at 13:26
I have googled and I can't find anything related to this specifically. And I agree I have no idea why the type of data would effect it, but seems to be... — user3407039
– user3407039, Commented May 15, 2015 at 13:41

peinearydevelopment · Accepted Answer · 2015-05-15 14:24:59Z

1

If you look at the default WebApiConfig, it looks like this:

config.Routes.MapHttpRoute(
    name: "DefaultApi",
    routeTemplate: "api/{controller}/{id}",
    defaults: new { id = RouteParameter.Optional }
);

I believe the integer version is working because you called the param id as stated in the config. The string one you have is trying to map to id, seeing userId as the only parameter and not mapping it correctly. I believe that is your error.

Change your method to look like this:

public IEnumerable<string> Get(int id)
{
  IEnumerable<string> listOfFormGroups = new List<string>() { "Form Group 1", "Form Group 2", "Form Group 3" };
  return listOfFormGroups;
}

answered May 15, 2015 at 14:24

peinearydevelopment

11.5k5 gold badges52 silver badges82 bronze badges

Sign up to request clarification or add additional context in comments.

1 Comment

user3407039 Over a year ago

Thank you! That fixed the issue. I never would have thought of trying that. Or that it would have been that picky.

Andrew Eisenberg · Accepted Answer · 2015-05-15 14:35:25Z

0

peinearydevelopment's answer may be correct, but there is another interesting part of the question. The No 'Access-Control-Allow-Origin' message is a CORS error message (a cross origin request). In general, a script is limited to making AJAX requests to the same URL origin that it came from.

My guess that part of the problem is coming from the fact that toApiUrl() creates a URL that is of a different domain than the script came from.

There are ways around this, but it requires changes on the server side. See the documentation on how to do this.

answered May 15, 2015 at 14:35

Andrew Eisenberg

28.9k9 gold badges100 silver badges156 bronze badges

Comments

micronyks · Accepted Answer · 2015-05-15 14:35:49Z

0

It does't have any problem. You can call it by having below url.

I have already tested it and its working fine.

http://localhost:52257/api/temp/Get?userId=3

// please use your domain or localhost....

So in your case you can go with,

return $http.get(toApiUrl('formgroup/Get?userId=3'));

answered May 15, 2015 at 14:35

micronyks

55.6k17 gold badges122 silver badges166 bronze badges

Collectives™ on Stack Overflow

AngularJS web API not working with strings

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related