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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от craig.emmerich , 2 года назад

@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.

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

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

@jeromy_ruecker 

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

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


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


Вы можете также обрабатывать ответ и ошибку после выполнения запроса. В функции обратного вызова then обрабатывается успешный ответ сервера, а в функции обратного вызова catch обрабатывается ошибка.


Не забудьте заменить 'URL_адрес', key1, value1, key2, value2, key3 и value3 своими фактическими данными.