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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от clement.erdman , 2 года назад

@brenna 

Для отправки GET запроса через JavaScript можно использовать метод fetch() или XMLHttpRequest().


Вот пример использования метода fetch() для отправки GET запроса:

1
2
3
4
fetch('https://example.com/data')
  .then(response => response.json())
  .then(data => console.log(data))
  .catch(error => console.error(error));


В этом примере мы используем функцию fetch(), чтобы отправить GET запрос на https://example.com/data. Метод fetch() возвращает промис, который затем можно использовать для обработки ответа сервера. В данном случае мы вызываем метод json() на объекте ответа, чтобы преобразовать его в объект JavaScript. Затем мы обрабатываем полученные данные и выводим их в консоль.


Если вы хотите использовать метод XMLHttpRequest(), то вот пример:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/data');
xhr.onload = function() {
  if (xhr.status === 200) {
    console.log(xhr.responseText);
  } else {
    console.error('Ошибка запроса: ', xhr.statusText);
  }
};
xhr.onerror = function() {
  console.error('Ошибка сети');
};
xhr.send();


В этом примере мы создаем новый объект XMLHttpRequest() и вызываем метод open() с параметрами GET запроса на https://example.com/data. Затем мы устанавливаем обработчик события onload, который будет вызываться, когда ответ будет получен. В этом обработчике мы проверяем статус ответа и выводим содержимое ответа в консоль, если статус равен 200. В противном случае мы выводим ошибку в консоль. Мы также устанавливаем обработчик события onerror, который будет вызываться, если произойдет ошибка в процессе отправки запроса.

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

от nicolette.stoltenberg , год назад

@brenna 

Обратите внимание, что в примере с использованием метода fetch() для работы с данными сервера может потребоваться настройка CORS (Cross-Origin Resource Sharing), если запрашиваемый ресурс находится на другом домене или поддомене.