TypeScript:
Надсилання HTTP-запиту
Як це зробити:
import axios from 'axios';
async function fetchUserData(userId: string) {
try {
const response = await axios.get(`https://api.example.com/users/${userId}`);
console.log(response.data);
} catch (error) {
console.error(error);
}
}
fetchUserData('12345');Примітка: Встановіть axios за допомогою npm install axios, перш ніж запускати код вище.
Приклад виведення:
{
"id": "12345",
"name": "Oleksiy",
"email": "[email protected]"
}Глибоке занурення:
Відправка HTTP-запитів - не новина, ця практика триває майже від початку вебу. XMLHttpRequest був золотим стандартом у JS, але його замінили сучасніші API, такі як fetch. TypeScript, надбудова над JavaScript, дозволяє використовувати ті самі інтерфейси з додатковими перевагами типізації.
fetch – це нативний спосіб відправляти запити, але у нас є бібліотеки, такі як axios, які пропонують додатковий функціонал та легшість у використанні. З axios, наприклад, легко обробляти помилки, використовувати проміси, і він має автоматичне перетворення JSON.
У TypeScript, при використовуванні axios чи fetch, важливо використовувати інтерфейси чи типи для відповідей, щоб забезпечити типізацію і підвищити якість коду.