Как сделать get запрос через javascript?

Пользователь

от jensen , в категории: JavaScript , год назад

Как сделать get запрос через javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

Пользователь

от leila.dickinson , год назад

@jensen 

Чтобы сделать GET-запрос через JavaScript, можно использовать объект XMLHttpRequest (XHR) или fetch API.

  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();


  1. Используя 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 и получить ответ от сервера. Разница между ними заключается в синтаксисе и поддержке различных возможностей.