AngularJS mengirimkan data ke permintaan $ http.get

Saya memiliki fungsi yang melakukan permintaan http POST. Kode ditentukan di bawah ini. Ini berfungsi dengan baik.

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

Saya memiliki fungsi lain untuk http GET dan saya ingin mengirim data ke permintaan itu. Tapi saya tidak punya opsi itu di get.

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

Sintaksnya http.getadalah

dapatkan (url, konfigurasi)

Permintaan HTTP GET tidak dapat berisi data untuk diposkan ke server. Namun, Anda bisa menambahkan string kueri ke permintaan.

angular.http menyediakan opsi untuk itu disebut params.

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

Lihat: http://docs.angularjs.org/api/ng.$http#get dan https://docs.angularjs.org/api/ng/service/$http#usage ( paramstampilkan param)

Anda dapat mengirimkan params secara langsung ke $http.get()Berikut ini berfungsi dengan baik

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

Mulai dari AngularJS v1.4.8 , Anda dapat menggunakan get(url, config) sebagai berikut:

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

Solusi bagi mereka yang tertarik untuk mengirimkan params dan header dalam permintaan 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
});

Contoh layanan lengkap akan terlihat seperti ini

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

});

Anda bahkan dapat menambahkan parameter ke bagian akhir url:

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

Dipasangkan dengan script.php:

<? var_dump($_GET); ?>

Menghasilkan peringatan javascript berikut:

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

Berikut adalah contoh lengkap permintaan GET HTTP dengan parameter menggunakan angular.js di ASP.NET MVC:

CONTROLLER:

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

MELIHAT:

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

Untuk mengirim dapatkan permintaan dengan parameter yang saya gunakan

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

Dengan ini, Anda dapat menggunakan string url Anda sendiri