Как использовать Axios с JavaScript

Axios — это популярная библиотека JavaScript, которая позволяет выполнять HTTP-запросы из браузера или с сервера с помощью Node.js. Вот несколько распространенных примеров использования Axios с JavaScript:

• Делаем GET-запрос:

axios.get('https://jsonplaceholder.typicode.com/posts')
  .then(response => console.log(response.data))
  .catch(error => console.log(error));

Выполнение POST-запроса:

const data = {
  title: 'foo',
  body: 'bar',
  userId: 1
};

axios.post('https://jsonplaceholder.typicode.com/posts', data)
  .then(response => console.log(response.data))
  .catch(error => console.log(error));

Делаем запрос PUT:

const data = {
  id: 1,
  title: 'foo',
  body: 'bar',
  userId: 1
};

axios.put(`https://jsonplaceholder.typicode.com/posts/${data.id}`, data)
  .then(response => console.log(response.data))
  .catch(error => console.log(error));

Выполнение запроса DELETE:

axios.delete('https://jsonplaceholder.typicode.com/posts/1')
.then(response => console.log(response.data))
.catch(error => console.log(error));

Отправка заголовков с запросом:

const config = {
headers: {
'Content-Type': 'application/json'
}
};

axios.get('https://jsonplaceholder.typicode.com/posts', config)
.then(response => console.log(response.data))
.catch(error => console.log(error));

Отмена запроса:

const CancelToken = axios.CancelToken;
const source = CancelToken.source();

axios.get('https://jsonplaceholder.typicode.com/posts', { cancelToken: source.token })
.then(response => console.log(response.data))
.catch(error => {
if (axios.isCancel(error)) {
console.log('Request canceled', error.message);
} else {
console.log(error);
}
});

// cancel the request
source.cancel('Operation canceled by the user.');

В этих примерах мы используем методы `.get()`, `.post()`, `.put()`, `.delete()` Axios для выполнения различных типов запросов. Первым аргументом, передаваемым этим методам, является URL-адрес, а вторым аргументом (в случае `.post()` и `.put()`) являются данные для отправки. Метод `.then()` используется для обработки успешного ответа, а метод `.catch()` используется для обработки любых возникающих ошибок.

Вы также можете использовать метод `axios.create()`, чтобы создать новый экземпляр Axios с пользовательской конфигурацией и повторно использовать его в своем приложении.

Я надеюсь, что эти примеры дадут вам хорошее представление о том, как использовать Axios с JavaScript.