AngularJS передає дані до $ http.get запиту

У мене є функція, яка робить http POST-запит. Код вказано нижче. Це чудово працює.

 $http({
   url: user.update_path, 
   method: "POST",
   data: {user_id: user.id, draft: true}
 });

У мене є ще одна функція для http GET, і я хочу надіслати дані на цей запит. Але я не маю такої можливості отримати.

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

Синтаксис для http.getє

get (URL, конфігурація)

Запит HTTP GET не може містити даних, які слід розмістити на сервері. Однак ви можете додати рядок запиту до запиту.

angular.http надає опцію для цього, що називається params.

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

Дивіться: http://docs.angularjs.org/api/ng.$http#get та https://docs.angularjs.org/api/ng/service/$http#usage (показує paramsпарам)

Ви можете передати парами безпосередньо в $http.get()наступне

$http.get(user.details_path, {
    params: { user_id: user.id }
});

Починаючи з AngularJS v1.4.8 , ви можете використовувати get(url, config) наступне:

var data = {
 user_id:user.id
};

var config = {
 params: data,
 headers : {'Accept' : 'application/json'}
};

$http.get(user.details_path, config).then(function(response) {
   // process response here..
 }, function(response) {
});

Рішення для тих, хто зацікавлений надсилати парами та заголовки у GET-запиті

$http.get('https://www.your-website.com/api/users.json', {
        params:  {page: 1, limit: 100, sort: 'name', direction: 'desc'},
        headers: {'Authorization': 'Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ=='}
    }
)
.then(function(response) {
    // Request completed successfully
}, function(x) {
    // Request error
});

Повний приклад обслуговування виглядатиме так

var mainApp = angular.module("mainApp", []);

mainApp.service('UserService', function($http, $q){

   this.getUsers = function(page = 1, limit = 100, sort = 'id', direction = 'desc') {

        var dfrd = $q.defer();
        $http.get('https://www.your-website.com/api/users.json', 
            {
                params:{page: page, limit: limit, sort: sort, direction: direction},
                headers: {Authorization: 'Basic QWxhZGRpbjpvcGVuIHNlc2FtZQ=='}
            }
        )
        .then(function(response) {
            if ( response.data.success == true ) { 

            } else {

            }
        }, function(x) {

            dfrd.reject(true);
        });
        return dfrd.promise;
   }

});

Можна навіть просто додати параметри до кінця URL-адреси:

$http.get('path/to/script.php?param=hello').success(function(data) {
    alert(data);
});

У парі з script.php:

<? var_dump($_GET); ?>

У результаті з'являється таке попередження javascript:

array(1) {  
    ["param"]=>  
    string(4) "hello"
}

Ось повний приклад запиту HTTP GET з параметрами, що використовують angular.js в ASP.NET MVC:

КОНТРОЛЕР:

public class AngularController : Controller
{
    public JsonResult GetFullName(string name, string surname)
    {
        System.Diagnostics.Debugger.Break();
        return Json(new { fullName = String.Format("{0} {1}",name,surname) }, JsonRequestBehavior.AllowGet);
    }
}

ПОГЛЯД:

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.3.15/angular.min.js"></script>
<script type="text/javascript">
    var myApp = angular.module("app", []);

    myApp.controller('controller', function ($scope, $http) {

        $scope.GetFullName = function (employee) {

            //The url is as follows - ControllerName/ActionName?name=nameValue&surname=surnameValue

            $http.get("/Angular/GetFullName?name=" + $scope.name + "&surname=" + $scope.surname).
            success(function (data, status, headers, config) {
                alert('Your full name is - ' + data.fullName);
            }).
            error(function (data, status, headers, config) {
                alert("An error occurred during the AJAX request");
            });

        }
    });

</script>

<div ng-app="app" ng-controller="controller">

    <input type="text" ng-model="name" />
    <input type="text" ng-model="surname" />
    <input type="button" ng-click="GetFullName()" value="Get Full Name" />
</div>

Для надсилання отримати запит з параметром i use

  $http.get('urlPartOne\\'+parameter+'\\urlPartTwo')

Цим ви можете використовувати свій власний рядок URL