Senden Array über GET Anfrage mit AngularJS $ http Service

Brauche ich zum senden einer GET-Anforderung mit der $http service. Einer der Parameter wird ein array von ids. So sieht die url aus einer mysite.com/items?id[]=1&id[]=2&id[]=3&id[]=4

Ich habe versucht, diesen Ansatz

$http(
  method: 'GET',
  url: '/items',
  params: {
    id: ids //ids is [1, 2, 3, 4]
  }
)

aber die url die ich obain ist mysite.com/items?id=%5B%221%22%2C%222%22%2C%223%22%2C%224%22%5D

Weil Eckig ist meine Umwandlung Wert in eine JSON-string. Gibt es einen Weg, um das Verhalten, das ich will?

[Update]

Ich das Problem gelöst, Dank Jonathan ' s Vorschlag mit jQuery $.param().

$http(
  method: 'GET'
  url: '/items?' + $.param({id: ids})
)

InformationsquelleAutor der Frage Gpx | 2013-11-13

  1. 59
    $http(
  method: 'GET',
  url: '/items',
  params: {
    id: JSON.stringify(ids) //ids is [1, 2, 3, 4]
  }
)

    InformationsquelleAutor der Antwort Saad Ahmed

  2. 71

    Können Sie auch nur tun,

    $http(
  method: 'GET',
  url: '/items',
  params: {
    "id[]": ids //ids is [1, 2, 3, 4]
  }
)

    wie bereits erwähnt hier. Scheint einfacher.

    InformationsquelleAutor der Antwort Ignacio Valdivieso

  3. 10

    jQuery ist toll, aber wenn Ihr das hinzufügen von jQuery, die nur für diese, dann könnte Sie wahrscheinlich mit einem nicht-jQuery-Weg und speichern einige wertvolle bytes.

    Nicht jQuery Weise : 

    $http(
  method: 'GET',
  url: '/items',
  params: {
    id: ids.toString() //convert array into comma separated values
  }
)

    Auf Ihrem server konvertiert es zurück in ein array.

    ZB. in php

    $ids = explode(',',Input::get('ids'));

//now you can loop through the data like you would through a regular array. 

foreach($ids as $id)
{
 //do something
}

    InformationsquelleAutor der Antwort Varun Nath

  4. 5

    Dies ist gültig, nur Sie entschlüsseln, auf Ihr backend. Fast alle backend-Sprachen haben eine Weise zu decodieren, die eine URI. Wenn Sie nicht wie die Art und Weise, der Winkel ist zu serialisieren, können Sie versuchen die jquery $.param().

    InformationsquelleAutor der Antwort Jonathan Rowny

  5. 1

    Die paramSerializer option kann festgelegt werden, zu replizieren Serialisierung von jQuery-Methode:

    $http({
  url: myUrl,
  method: 'GET',
  params: myParams,
  paramSerializer: '$httpParamSerializerJQLike'
});

    InformationsquelleAutor der Antwort Lewis

  6. 1

    können Sie die $httpParamSerializer oder $httpParamSerializerJQLike

    $http({
  method: 'GET',
  url: '/items',
  data: $httpParamSerializer({'id':[1,2,3,4]}),
})

    InformationsquelleAutor der Antwort Ben Hsieh

  7. 0

    Solange Sie nicht zu viele ids, die dazu führen, dass Ihr Anforderungs-url zu lang abhängig von Ihrer Konfiguration, die folgende Lösung funktionieren wird...

    Eckiges Service:

    $http.get("website.com/api/items?ids=1&ids=2&ids=3");

    WebApi Controller

    [HttpGet, Route("api/items")]
public IEnumerable<Item> Get([FromUri] string[] ids)
{
}

    InformationsquelleAutor der Antwort AntAsc

Schreibe einen Kommentar