Как отправить get запрос на javascript?

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

от richard , в категории: JavaScript , 7 месяцев назад

Как отправить get запрос на javascript?

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

1 ответ

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

от vladimir , 7 месяцев назад

@richard 

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


С использованием XMLHttpRequest:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
// Создаем новый XMLHttpRequest объект
var xhr = new XMLHttpRequest();

// Устанавливаем метод и URL запроса
xhr.open("GET", "https://api.example.com/data", true);

// Устанавливаем заголовки, если необходимо
xhr.setRequestHeader("Content-Type", "application/json");

// Настраиваем обработчик ответа сервера
xhr.onload = function() {
  if (xhr.status === 200) {
    // Обработка успешного ответа
    var response = JSON.parse(xhr.responseText);
    console.log(response);
  } else {
    // Обработка ошибок
    console.log("Ошибка " + xhr.status + ": " + xhr.statusText);
  }
};

// Отправляем запрос
xhr.send();


С использованием метода fetch:

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
fetch("https://api.example.com/data")
  .then(function(response) {
    if (response.ok) {
      // Обработка успешного ответа
      return response.json();
    } else {
      // Обработка ошибок
      throw new Error("Ошибка HTTP: " + response.status);
    }
  })
  .then(function(data) {
    console.log(data);
  })
  .catch(function(error) {
    console.log(error);
  });


Оба этих метода могут быть использованы для отправки GET-запросов на сервер и обработки полученных данных.