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

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

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

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

Facebook Vk Ok Twitter LinkedIn Telegram Whatsapp

2 ответа

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

от catherine_wintheiser , 2 года назад

@elian.swift 

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


Пример использования объекта XMLHttpRequest:

1
2
3
4
5
6
7
8
const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://example.com/api/data');
xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
    console.log(xhr.responseText);
  }
};
xhr.send();


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

1
2
3
fetch('https://example.com/api/data')
  .then(response => response.text())
  .then(data => console.log(data));


Обратите внимание, что метод fetch возвращает Promise, поэтому вам нужно использовать .then() для обработки результата. Если вы хотите использовать async/await, вы можете обернуть вызов fetch в функцию с модификатором async.

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

от gussie.jones , год назад

@elian.swift 

Например:

1
2
3
4
5
6
7
async function getData() {
  const response = await fetch('https://example.com/api/data');
  const data = await response.text();
  console.log(data);
}

getData();


В обоих примерах вы замените 'https://example.com/api/data' на URL-адрес вашего API или сервера, откуда вы хотите получить данные. Кроме того, убедитесь в том, что ваш сервер поддерживает метод GET и имеет CORS-заголовки для разрешения кросс-доменных запросов, если это необходимо.