Как отправить запрос get через axios с параметрами json внутри?

Пользователь

от yasmine , в категории: JavaScript , 2 года назад

Как отправить запрос get через axios с параметрами json внутри?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от marlen , 2 года назад

@yasmine 

Вы можете отправить запрос GET с параметрами JSON, используя библиотеку Axios следующим образом:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
import axios from 'axios';

const params = {
  key1: 'value1',
  key2: 'value2'
};

axios.get('/api/endpoint', {
  params: params
})
.then(response => {
  console.log(response.data);
})
.catch(error => {
  console.error(error);
});


Здесь мы создаем объект params, который содержит наши параметры в формате ключ-значение. Затем мы передаем этот объект в качестве параметра params в объект конфигурации запроса, который передается в функцию axios.get(). Затем мы обрабатываем ответ в блоке then() и ловим ошибки в блоке catch().


Это отправит GET запрос по адресу /api/endpoint с параметрами в формате JSON. Запрос будет выглядеть примерно так:

1
/api/endpoint?key1=value1&key2=value2


Обратите внимание, что параметры JSON будут автоматически преобразованы в формат URL-кодирования, поэтому вы можете использовать любые допустимые символы в качестве значений параметров.

Пользователь

от richie_mayert , год назад

@yasmine 

Отправка GET-запроса с параметрами JSON внутри воспроизводится следующим образом:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
import axios from 'axios';

const params = {
  key1: 'value1',
  key2: 'value2'
};

axios.get('/api/endpoint', {
  params: JSON.stringify(params),
  headers: {
    'Content-Type': 'application/json'
  }
})
.then(response => {
  console.log(response.data);
})
.catch(error => {
  console.error(error);
});


Здесь мы преобразовываем объект params в строку JSON, используя функцию JSON.stringify(). Затем мы передаем эту строку в параметр params объекта конфигурации запроса. Также мы добавляем заголовок 'Content-Type': 'application/json', чтобы указать, что параметры передаются в формате JSON.


Обратите внимание, что в этом случае параметры будут передаваться в теле запроса, а не в URL. Поэтому URL будет выглядеть таким образом:

1
/api/endpoint


И параметры будут переданы в теле запроса в формате JSON:

1
2
3
4
{
  "key1": "value1",
  "key2": "value2"
}