How to Send Data with $http.get() in AngularJS?

HTTP Requests in AngularJS: Passing Data with $http.get

HTTP GET requests, unlike their POST counterparts, do not inherently allow for data to be sent with the request. However, AngularJS' $http service provides a solution with the params configuration option.

Problem:

The goal is to send data using $http.get() in AngularJS, but the initial request structure only includes url and method:

$http({
   url: user.details_path,
   method: "GET"
});

Solution:

To send data with a GET request, utilize the params configuration option:

$http({
    url: user.details_path, 
    method: "GET",
    params: {user_id: user.id}
});

The params parameter takes an object with key-value pairs representing the data to be included in the request as a query string. For example, in the code above, the user_id attribute with the value of user.id will be added to the request URL as a query parameter:

user.details_path?user_id=user.id

By incorporating the params option, you can effectively send data with your HTTP GET requests in AngularJS.

The above is the detailed content of How to Send Data with $http.get() in AngularJS?. For more information, please follow other related articles on the PHP Chinese website!