Чтобы сделать HTTP-запрос в Javascript, вы можете использовать встроенную функцию fetch()
или более старый объект XMLHttpRequest
(XHR). Вот пример использования fetch()
:
javascriptCopy code fetch('https://example.com/data') .then(response => response.json()) .then(data =>console.log(data)) .catch(error => console.error(error));
В этом примере мы делаем запрос GET к URL-адресу https://example.com/data
. Функция fetch()
возвращает обещание, которое разрешается с помощью объекта Response, представляющего ответ на запрос. Мы можем использовать метод .then()
для обработки ответа, в данном случае преобразовав его в JSON и записав данные в консоль. Если есть ошибка, мы можем поймать ее с помощью метода .catch()
.
Вот пример использования XHR:
javascriptCopy code const xhr = new XMLHttpRequest(); xhr.open('GET', 'https://example.com/data'); xhr.onload= () => { if (xhr.status === 200) { const data = JSON.parse(xhr.responseText);console.log(data); } else { console.error(xhr.statusText); } }; xhr.onerror = () =>console.error(xhr.statusText); xhr.send();
В этом примере мы создаем новый объект XHR и используем метод .open()
для указания метода HTTP (GET) и URL-адреса (https://example.com/data
). Мы устанавливаем обработчик события .onload
для обработки ответа при его получении. Если код состояния ответа равен 200, мы анализируем ответ как JSON и записываем данные в консоль. Если есть ошибка, мы записываем ее в консоль с помощью обработчика событий .onerror
. Наконец, мы отправляем запрос, используя метод .send()
.