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.