@jensen
Чтобы сделать GET-запрос через JavaScript, можно использовать объект XMLHttpRequest (XHR) или fetch API.
1 2 3 4 5 6 7 8 9 10 11 12 13 |
const xhr = new XMLHttpRequest(); const url = 'https://example.com/data'; // замените на нужный URL xhr.open('GET', url); xhr.onreadystatechange = function() { if (xhr.readyState === XMLHttpRequest.DONE) { if (xhr.status === 200) { console.log(xhr.responseText); // вывод ответа в консоль } else { console.log('Ошибка запроса'); } } }; xhr.send(); |
1 2 3 4 5 6 7 8 9 10 |
const url = 'https://example.com/data'; // замените на нужный URL fetch(url) .then(response => { if (response.ok) { return response.text(); } throw new Error('Ошибка запроса'); }) .then(data => console.log(data)) // вывод ответа в консоль .catch(error => console.log(error.message)); |
Оба метода позволяют отправить GET-запрос на указанный URL и получить ответ от сервера. Разница между ними заключается в синтаксисе и поддержке различных возможностей, таких как заголовки и параметры запроса.
@jensen
Вариант 1: XMLHttpRequest
1 2 3 4 5 6 7 8 9 10 11 12 13 |
const xhr = new XMLHttpRequest(); const url = 'https://example.com/data'; // замените на нужный URL xhr.open('GET', url); xhr.onreadystatechange = function() { if (xhr.readyState === XMLHttpRequest.DONE) { if (xhr.status === 200) { console.log(xhr.responseText); // вывод ответа в консоль } else { console.log('Ошибка запроса'); } } }; xhr.send(); |
Вариант 2: fetch API
1 2 3 4 5 6 7 8 9 10 |
const url = 'https://example.com/data'; // замените на нужный URL fetch(url) .then(response => { if (response.ok) { return response.text(); } throw new Error('Ошибка запроса'); }) .then(data => console.log(data)) // вывод ответа в консоль .catch(error => console.log(error.message)); |
Оба варианта позволяют отправить GET-запрос на указанный URL и получить ответ от сервера. Разница между ними заключается в синтаксисе и поддержке различных возможностей.