$http get parameters does not work

Question

Does anyone know why this does not work?

$http
    .get('accept.php', {
        source: link,
        category_id: category
    })
    .success(function (data, status) {
        $scope.info_show = data
    });

and this does work:

$http
    .get('accept.php?source=' + link + '&category_id=' + category)
    .success(function (data, status) {
        $scope.info_show = data
    });

Solution 1

The 2nd parameter in the get call is a config object. You want something like this:

$http
    .get('accept.php', {
        params: {
            source: link,
            category_id: category
        }
     })
     .success(function (data,status) {
          $scope.info_show = data
     });

See the Arguments section of http://docs.angularjs.org/api/ng.$http for more detail

Solution 2

From $http.get docs, the second parameter is a configuration object:

get(url, [config]);

Shortcut method to perform GET request.

You may change your code to:

$http.get('accept.php', {
    params: {
        source: link, 
        category_id: category
    }
});

Or:

$http({
    url: 'accept.php', 
    method: 'GET',
    params: { 
        source: link, 
        category_id: category
    }
});

---

As a side note, since Angular 1.6: .success should not be used anymore, use .then instead:

$http.get('/url', config).then(successCallback, errorCallback);

Comments

[DanielM]

Note, using params as above also resolves the problem of GET requests not using data. AngularJS will not sort this out itself as jQuery does. (I don't think that's a good or bad thing, just different and may trip people up).

[Winnemucca]

I am getting undefined for my key value properties inside of the params object. Should this be different in a service?

[nfang]

Also, when the params object is empty, or all its properties are null or undefined, nothing will be added to the query string.