- XMLHttpRequest (XHR) – старый способ, но до сих пор поддерживается.
const xhr = new XMLHttpRequest();
xhr.open('POST', '/api/data');
xhr.setRequestHeader('Content-Type', 'application/json');
xhr.send(JSON.stringify({ key: 'value' }));
- Fetch API – современная альтернатива XHR с промисами.
fetch('/api/data', {
method: 'POST',
headers: { 'Content-Type': 'application/json' },
body: JSON.stringify({ key: 'value' })
});
- Axios – популярная библиотека для HTTP-запросов.
axios.post('/api/data', { key: 'value' });
- FormData – для отправки форм, включая файлы.
const formData = new FormData();
formData.append('file', fileInput.files[0]);
fetch('/upload', { method: 'POST', body: formData });
- WebSocket – для двусторонней связи в реальном времени.
const socket = new WebSocket('ws://example.com');
socket.send(JSON.stringify({ data: 'value' }));
- GraphQL – альтернатива REST с гибкими запросами.
fetch('/graphql', {
method: 'POST',
body: JSON.stringify({ query: '{ user { name } }' })
});