Как да направя HTTP заявка в Javascript?

Има няколко начина да направите HTTP заявка в JavaScript, но най-често срещаният начин е да използвате обекта XMLHttpRequest, който е вграден в повечето уеб браузъри. Ето пример за това как можете да го използвате, за да изпратите GET заявка до крайна точка:

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://www.example.com');
xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
        console.log(xhr.responseText);
    }
};
xhr.send();

В този пример xhr.open се използва за отваряне на GET заявка към посочения URL адрес. Събитието onreadystatechange се използва за проверка на състоянието на заявката и когато заявката е завършена, текстът на отговора се записва в конзолата. Методът xhr.send() се използва за действително изпращане на заявката.

Можете също да използвате функцията fetch, за да правите http заявки.

fetch('https://www.example.com')
.then(response => response.text())
.then(data => console.log(data))

Освен това можете да използвате библиотека като axios, superagent, isomorphic-fetch и т.н

import axios from 'axios';
axios.get('https://www.example.com')
.then(response => console.log(response.data))

Можете също да използвате синтаксиса await/async, за да направите заявката:

const getData = async() => {
    const response = await axios.get('https://www.example.com')
    console.log(response.data);
}
getData()

Моля, обърнете внимание, че в много случаи може да се наложи да добавите някои заглавки и да подадете данни, докато изпращате заявката, горният пример просто демонстрира основната заявка.

Как да направя HTTP заявка в Javascript?

Подобни въпроси