javascript - How to get request url in an angularjs $http request - Stack Overflow

admin管理员组

文章数量:1350056

I have this request:

$http({
  method: 'get',
  url: '/api/items/',
  params: {a: 1, b: 2, c: 3}
}).success(function (response) {
  console.log(response);
}).error(function (err) {
  console.log(err);
});

Is there a way, to fetch the url it used to make the request after the request has been made(in the callback or otherwise)?

I would want the output:

;b=2&c=3

Here the same thing is done with jquery.

I have this request:

$http({
  method: 'get',
  url: '/api/items/',
  params: {a: 1, b: 2, c: 3}
}).success(function (response) {
  console.log(response);
}).error(function (err) {
  console.log(err);
});

Is there a way, to fetch the url it used to make the request after the request has been made(in the callback or otherwise)?

I would want the output:

http://www.example/api/items?a=1&b=2&c=3

Here the same thing is done with jquery.

• javascript
• angularjs
• request

Share Improve this question Follow edited May 23, 2017 at 12:26 CommunityBot 111 silver badge asked Jul 6, 2015 at 11:31 Jahongir RahmonovJahongir Rahmonov 13.8k1010 gold badges5151 silver badges9999 bronze badges 2

• It's not working using params ? – Endre Simo Commented Jul 6, 2015 at 11:43
• $location.search('target') seems to not work even in promise success function. – changtung Commented Jul 6, 2015 at 12:09

Add a ment  | 

4 Answers 4

Sorted by: Reset to default 2

The success handler gets 4 parameters passed into it:

$http
  .get({ url: '/someUrl', params: { q: 3 } })
  .success(function(data, status, headers, config) {});

The fourth parameter config has the following properties:

{
  method: "GET",
  url: {
    url: '/someUrl',
    params: {
      q: 3
    }
  }
}

You can use window.location.origin to get the base url and build a simple function to concat it all together.

This function should yield the expected response:

var baseUrl = window.location.origin;
var query = [];
Object.keys(config.url.params || {}).forEach(function (key) {
  var val = config.url.params[key];
  query.push([key, val].join('=')); // maybe url encode
});
var queryStr = query.join('&');
var fullPath = baseUrl + config.url.url + '?' + queryStr;

Unfortunately, this function will only work as long as the parameters are passed in the format described above. If you pass them in a different format, you'll have to modify this function a bit. You can use this as a playground.

Afaik, there is no simpler way. At least a feature request exists.

See the docs of $http for reference

This config parameter of the callback has the url as a property:

// Simple GET request example :
$http.get('/someUrl').
  success(function(data, status, headers, config) {
    console.log(config.url);
  }).
  error(function(data, status, headers, config) {
    // called asynchronously if an error occurs
    // or server returns response with an error status.
  });

Based on: https://docs.angularjs/api/ng/service/$http

You can use http request Interceptor. Configure the Interceptor in config function using $httpProvider Whrein for request Interceptor you can able to see the URL and params that you passed with URL prior to making the request

try just looking at the XHR Request urls in your browser dev tools

本文标签： javascriptHow to get request url in an angularjs http requestStack Overflow