Отправить массив через запрос GET с помощью службы AngularJS $ http

Question

Мне нужно отправить запрос GET с помощью службы $http. Одним из параметров будет массив идентификаторов. URL выглядит следующим образом один mysite.com/items?id[]=1 & ид [] = 2 & идентификатор [] = 3 & идентификатор [] = 4

Я попробовал этот подход

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

но URL я obain является mysite.com/items?id=%5B%221%22%2C%222%22%2C%223%22%2C%224%22%5D

это потому Угловое преобразование моего значения в строку JSON. Есть ли способ получить поведение, которое я хочу?

[Update]

Я решил вопрос благодаря предложению Джонатана с помощью JQuery-х $.param().

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

Answer 1

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

Answer 2

Это действительно, просто расшифруйте его на своем сервере. Почти все бэкэнд-языки имеют способ декодирования URI. Если вам не нравится, как Angular сериализует его, вы можете попробовать jquery $ .param().

Answer 3

JQuery является большим, но если ваше добавление JQuery только для этого, то вы, вероятно, можете сделать с не способом JQuery и сохранить драгоценные байты.

Non JQuery путь:

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

На сервере преобразовать его обратно в массив.

Например. В 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 
} 

Answer 4

Вы также можете просто сделать

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

как упомянуто here. Кажется проще.

Answer 5

вы можете использовать $ httpParamSerializer или $ httpParamSerializerJQLike

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

Answer 6

До тех пор, пока вы не слишком много идентификаторов, которые будут вызывать ваш запрос URL слишком много времени в зависимости от конфигурации, следующее решение будет работа ...

Угловая служба:

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

WebAPI контроллер

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

Answer 7

The paramSerializer option can be set to replicate jQuery's serialization method:

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