AngularJS chuyển dữ liệu đến yêu cầu $ http.get

Tôi có một chức năng thực hiện một yêu cầu http POST. Mã được chỉ định dưới đây. Điều này hoạt động tốt.

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

Tôi có một chức năng khác cho http GET và tôi muốn gửi dữ liệu đến yêu cầu đó. Nhưng tôi không có lựa chọn đó trong get.

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

Cú pháp cho http.getlà

nhận (url, cấu hình)

Yêu cầu HTTP GET không thể chứa dữ liệu được đăng lên máy chủ. Tuy nhiên, bạn có thể thêm một chuỗi truy vấn vào yêu cầu.

angular.http cung cấp một tùy chọn cho nó được gọi params.

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

Xem: http://docs.angularjs.org/api/ng.$http#get và https://docs.angularjs.org/api/ng/service/$http#usage (hiển thị thông số params)

Bạn có thể chuyển params trực tiếp đến $http.get()Sau đây hoạt động tốt

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

Bắt đầu từ AngularJS v1.4.8 , bạn có thể sử dụng get(url, config) như sau:

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) {
});

Giải pháp cho những ai quan tâm đến việc gửi thông số và tiêu đề trong yêu cầu 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
});

Ví dụ dịch vụ hoàn chỉnh sẽ như thế này

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;
   }

});

Bạn thậm chí có thể chỉ cần thêm các tham số vào cuối url:

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

Ghép nối với script.php:

<? var_dump($_GET); ?>

Kết quả trong cảnh báo javascript sau:

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

Đây là một ví dụ hoàn chỉnh về yêu cầu HTTP GET với các tham số sử dụng angular.js trong ASP.NET MVC:

KIỂM SOÁT:

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);
    }
}

LƯỢT XEM:

<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>

Để gửi yêu cầu nhận với tham số tôi sử dụng

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

Bằng cách này, bạn có thể sử dụng chuỗi url của riêng bạn