Envoyer tableau via une requête GET avec AngularJS' $service http

J'ai besoin d'envoyer une requête GET à l'aide de la $http service. L'un des paramètres sera un tableau d'id. L'url ressemble à ceci un mysite.com/items?id[]=1&id[]=2&id[]=3&id[]=4

J'ai essayé cette approche

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

mais l'url que j'ai obain est mysite.com/items?id=%5B%221%22%2C%222%22%2C%223%22%2C%224%22%5D

C'est Parce Angulaire est la conversion de ma valeur dans une chaîne JSON. Est-il possible d'obtenir le comportement que je veux?

[Mise à jour]

J'ai résolu le problème grâce à Jonathan de la suggestion à l'aide de jQuery $.param().

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

Si vous êtes confrontés à AngularJS spécifiques de sérialisation problème, alors httpParamSerializerJQLike est ce que vous avez besoin. Jetez un oeil à stackoverflow.com/questions/33852190/...

InformationsquelleAutor Gpx | 2013-11-13

61
```
$http(
  method: 'GET',
  url: '/items',
  params: {
    id: JSON.stringify(ids) //ids is [1, 2, 3, 4]
  }
)
```
- J'aime cette réponse plus que la mienne.
- aucune de ces approches ne semble fonctionner pour moi jusqu'à présent avec WebApi back-end. essayé JSON.stringify, 'mavariable[]', vais essayer de faire un manuel de la chaîne de rejoindre la prochaine
- Ne s'agit-il de travailler pour moi. aussi avoir mon propre site Web de l'API backend. Avez-vous de travail @SonicSoul
- Cela ne veut PAS envoyer une demande formaté comme demandé dans la question qui est /articles?id[]=1&id[]=2&id[]=3&id[]=4
InformationsquelleAutor Saad Ahmed
77

Vous pouvez aussi simplement faire
```
$http(
  method: 'GET',
  url: '/items',
  params: {
    "id[]": ids //ids is [1, 2, 3, 4]
  }
)
```
comme mentionné ici. Semble plus simple.
- J'aime cette méthode parce que sur le back-end (PHP par exemple), le paramètre est automatiquement analysée comme un tableau, en évitant le code supplémentaire de l'étape de décodage JSON.
- C'est la meilleure façon de communiquer avec PHP. Elle donne le même résultat qu'un standard form serait.
- Meilleure réponse, travaille avec des rails de trop.
- Mieux encore de réponse. Je suis capable de manipuler les body of the request sur l'arrière-plan avec le Nœud.
- Cela a finalement fonctionné pour moi! 😀 merci monsieur
- Cette seulement travaillé avec mon WebApi2 serveur après j'ai décoré le tableau de paramètre comme ceci: public HttpResponseMessage MyMethod([FromUri] int[] Id)
InformationsquelleAutor Ignacio Valdivieso
10

jQuery est grande, mais si votre ajout de jQuery juste pour cela, alors vous pourriez probablement faire avec non jQuery façon et d'économiser quelques précieux octets.

Non jQuery façon :
```
$http(
  method: 'GET',
  url: '/items',
  params: {
    id: ids.toString() //convert array into comma separated values
  }
)
```
Sur votre serveur de convertir un tableau.

Par exemple. en 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
}
```
- ids.toString() est exactement ce que je voulais. Les autres suggestions n'étaient pas de la sérialisation dans une requête correct param dans le format que j'ai besoin de: ?id=1,3,4,5
- Espérons simplement que les valeurs elles-mêmes ne comprennent pas une virgule...
- la question spécifiquement parle d'un tableau d'entiers codes.
InformationsquelleAutor Varun Nath
5

Ceci est valable, juste décoder sur votre backend. Presque tous les backend langues ont une façon de décoder un URI. Si vous n'aimez pas la façon dont Angulaire est la sérialisation, vous pouvez essayer de jquery $.param().
- Je sais que c'est valable, je voulais juste éviter de la conversion.
- $.param() devrait vous donner une structure légèrement différente une fois décodée, plus proche de ce que vous voulez. Vous ne pouvez pas encoder les Uri, il n'est pas facultatif. Si vous ne le faites pas, le navigateur.
- Oui vous avez raison, avec $.param (), il est de travail. Merci pour l'aide.
InformationsquelleAutor Jonathan Rowny
1

Le paramSerializer option peut être configurée pour répliquer jQuery méthode de sérialisation:
```
$http({
  url: myUrl,
  method: 'GET',
  params: myParams,
  paramSerializer: '$httpParamSerializerJQLike'
});
```
InformationsquelleAutor Lewis
1

vous pouvez utiliser $httpParamSerializer ou $httpParamSerializerJQLike
```
$http({
  method: 'GET',
  url: '/items',
  data: $httpParamSerializer({'id':[1,2,3,4]}),
})
```
- Sauf si vous êtes en utilisant par exemple CoffeeScript, ce n'est pas valide JS. Avez-vous l'intention d'omettre le {} de l'appareil?
InformationsquelleAutor Ben Hsieh
0

Tant que vous n'avez pas trop d'id, qui sera la cause de votre demande d'url est trop longue en fonction de votre configuration, la solution suivante de travail...

Angulaire De Service:
```
$http.get("website.com/api/items?ids=1&ids=2&ids=3");
```
WebApi Contrôleur
```
[HttpGet, Route("api/items")]
public IEnumerable<Item> Get([FromUri] string[] ids)
{
}
```
InformationsquelleAutor AntAsc

Vous devez vous connecter pour publier un commentaire.