Best way to provide url to angular $http.get/.post

Question

I am using angular with MVC4. I would like to call a MVC controller method from javascript using $http.get(). It requires a url (obviously). I would like this to be a relative path, but how do I write that? My controller is in Controllers/Api/ExampleController. I would like the path to resolve even if I move the javascript file into another location, meaning I would like the path to be relative to application root as opposed to the javascript file. I Have tried "~/Controllers/Api/ExampleControllerMethod" and "Controllers/Api/ExampleController/Method.

It would be better if you show your directory structure. Have you tried using "/Controllers/Api/ExampleControllerMethod" ? — Kuldeep Daftary
– Kuldeep Daftary, Commented Jan 9, 2014 at 12:07
No I haven't tried that. The controller directory is in the root of my web application. — Shumii
– Shumii, Commented Jan 9, 2014 at 12:50
No that doesn't work - and also how would it work not knowing what controller to go to? — Shumii
– Shumii, Commented Jan 10, 2014 at 17:06

Davin Tryon · Accepted Answer · 2014-01-09 12:16:56Z

3

The $location service does provide information from the url. So, you could construct something to then make the host and port dynamic:

var url = $location.host() + '/Controllers/Api/ExampleControllerMethod';

From the documentation:

**url: http://www.example.com/base/path?a=b#h**
$location.protocol() = http
$location.host() = www.example.com
$location.port() = 80
$location.path() = /path
$location.search() = {"a":"b"}
$location.hash() = h

answered Jan 9, 2014 at 12:16

Davin Tryon

67.4k15 gold badges149 silver badges139 bronze badges

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

Comments

Shumii · Accepted Answer · 2014-01-30 10:07:56Z

1

Thanks for the ideas but this kind of thing is what I was looking for:

Configure the WebApiConfig to add a route like so (should have it as default):

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

So now I can go $http.get('api/{controller}/{method}')

edited Jan 30, 2014 at 10:07

answered Jan 9, 2014 at 15:51

Shumii

4,6295 gold badges36 silver badges44 bronze badges

1 Comment

Rashmi Pandit Over a year ago

I was doing the mistake of having $http.get('/api/v1/...') .. The first slash was unnecessary and after changing to $http.get('api/v1/...') it worked. There was no need for $location

Shawn de Wet · Accepted Answer · 2016-01-03 03:57:58Z

1

What worked for me was to provide the Url as "/ControllerName/Action" (instead of "ControllerName/Action")

answered Jan 3, 2016 at 3:57

Shawn de Wet

6,0668 gold badges64 silver badges101 bronze badges

Collectives™ on Stack Overflow

Best way to provide url to angular $http.get/.post

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

Comments

1 Comment

Comments

Your Answer

Sign up or log in

Post as a guest

Related