TypeScript:
Wysyłanie żądania HTTP
How to: (Jak to zrobić:)
import axios from 'axios';
// GET request do pobrania danych użytkownika
axios.get('https://jsonplaceholder.typicode.com/users/1')
.then(response => {
console.log(response.data);
})
.catch(error => console.error('There was an error!', error));
// POST request do stworzenia nowego użytkownika
axios.post('https://jsonplaceholder.typicode.com/users', {
name: 'Jan Kowalski',
username: 'jankowalski',
})
.then(response => {
console.log('User created:', response.data);
})
.catch(error => console.error('Error creating user', error));
Sample output:
User created: {name: 'Jan Kowalski', username: 'jankowalski', id: 11}
Deep Dive (Głębsze zanurzenie)
Wysyłanie żądań HTTP ma długą historię, ukorzenioną w początkach internetu, kiedy to Tim Berners-Lee wynalazł HTTP. Alternatywnie do axios, używać można Fetch API – natywna funkcja JavaScriptu. Axios oferuje jednak więcej funkcji, np. automatyczną transformację JSON. Wysyłając żądanie, należy zrozumieć metody takie jak GET, POST, a także statusy odpowiedzi HTTP (np. 200 oznacza sukces, a 404 - nie znaleziono zasobu).