CODEWITHSUNDEEP
angularjsgetangular-resourcecomplextype
Simone
Simone

Reputation: 2430

Doing a GET passing a complex object with angular

I am using AngularJs and Resources module. I want to do a GET to obtain an object.. to do this GET I do not have to pass simply the ID to the server, but I should pass a complex object with different properties and values..

Here the code I am using:

$scope.getActivationStatus = function (event) {
    event.preventDefault();

    if ($scope.segui_attivazione_form.$valid) {
        $scope.activationStatus =
            new SeguiAttivazioneService
                .seguiAttivazione()
                .$get(
                    {
                        request: $scope.activationStatus
                    }, function () { });
    }
};

On server side I have:

[HttpGet]
public IHttpActionResult GetActivationStatus(MyComplexObject request)
{
    //I will do something here later...
    return Ok();
}

The problem is that "request" arrive on server equals to NULL... I have solved the problem passing two strings to the server... in this way:

$scope.getActivationStatus = function (event) {
    event.preventDefault();

    if ($scope.segui_attivazione_form.$valid) {
        $scope.activationStatus =
            new SeguiAttivazioneService
                .seguiAttivazione()
                .$get(
                    {
                        codiceFiscale: $scope.activationStatus.CodiceFiscale,
                        codiceRichiesta: $scope.activationStatus.CodiceRichiesta
                    }, function () { });
    }
};

And server side: 

[HttpGet]
public IHttpActionResult GetActivationStatus(string codiceFiscale, string codiceRichiesta)
{
    return Ok();
}

In this way everything works... but I don't like this solution because I will have more than two input... And this is a get, not a post (not a save, an update)...

How can I pass a complex object doing a GET?

Thank you...

Upvotes: 2

Views: 4395

Answers (4)

Francisco Goldenstein
Francisco Goldenstein

Reputation: 13777

This is not an elegant solution but it works using HTTP GET:

$http.get(url + "?" + $.param(obj).replace(/%5b([^0-9].*?)%5d/gi, '.$1'))

It converts the complex object into a string with dot notation to define levels. Most of the server side frameworks like ASP.NET Core can bind it to complex objects.

This is an example of the string I send for a complex object:

StartDate=2021-06-11&EndDate=2021-06-11&TimeRange.TimeFrom.Time=07%3A00&TimeRange.TimeFrom.TimeFrame=AM&TimeRange.TimeTo.Time=10%3A00&TimeRange.TimeTo.TimeFrame=AM

Upvotes: 0

Vildan
Vildan

Reputation: 1994

This approach allows to send complex objects with arrays and sub objects:

Angular:

$http({
       url: '/myApiUrl',
       method: 'GET',
       params: { param1: angular.toJson(myComplexObject, false) }
      })

C#:

[HttpGet]
public string Get(string param1)
{
     Type1 obj = new JavaScriptSerializer().Deserialize<Type1>(param1);
     ...
}

Upvotes: 3

Sameer Rastogi
Sameer Rastogi

Reputation: 1

Request body can only be sent by POST. With get you could at best URL Encode the OBJECT and then send it as query string params. But thats not the best solution to post some data to the server

Upvotes: -1

P Varga
P Varga

Reputation: 20269

It's best to use the POST method if you want to send data in the body of the request. While it's possible with Angular, some servers might ignore the body of GET requests.

Upvotes: 4

Related Questions