Как сделать get запрос через javascript?
2 ответа
от
leila.dickinson ,
3 года назад
@jensen
Чтобы сделать GET-запрос через JavaScript, можно использовать объект XMLHttpRequest (XHR) или fetch API.
- Используя 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(); |
- Используя 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 и получить ответ от сервера. Разница между ними заключается в синтаксисе и поддержке различных возможностей, таких как заголовки и параметры запроса.
от
marshall.cummings ,
2 года назад
@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 и получить ответ от сервера. Разница между ними заключается в синтаксисе и поддержке различных возможностей.
15