Как передать данные методом post используя axios?

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

от jeromy_ruecker , в категории: JavaScript , 8 месяцев назад

Как передать данные методом post используя axios?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от craig.emmerich , 7 месяцев назад

@jeromy_ruecker 

Чтобы передать данные методом POST с использованием библиотеки Axios, можно использовать следующий синтаксис:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
axios.post('URL_адрес', {
  key1: value1,
  key2: value2,
  key3: value3,
})
  .then(function (response) {
    // обработка успешного ответа сервера
  })
  .catch(function (error) {
    // обработка ошибки
  });


Здесь 'URL_адрес' - это адрес сервера, на который отправляются данные, а объект после URL содержит данные, которые будут отправлены. Ключи объекта будут использоваться в качестве имен параметров POST-запроса, а соответствующие значения будут отправлены.


Например, если нужно передать данные в формате JSON, можно использовать следующий код:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
axios.post('URL_адрес', {
    firstName: 'John',
    lastName: 'Doe'
  }, {
    headers: {
      'Content-Type': 'application/json'
    }
  })
  .then(function (response) {
    // обработка успешного ответа сервера
  })
  .catch(function (error) {
    // обработка ошибки
  });


Здесь добавлен дополнительный объект с заголовками, чтобы указать тип содержимого JSON.