Как записать данные в переменную из GET запроса?

Question

[Grione]

У меня есть функция которая получает данные с сервера. Мне нужно что бы эти данные записались в переменную JS. Тут явно что-то с асинхронностью, но я не понимаю как пофиксить.

let allDots;
function getJSON() {
    let xhr = new XMLHttpRequest();
    let url = "http://mysite.ru/json.php";
    
    xhr.open("GET", url, true);
    xhr.setRequestHeader("Content-Type", "application/json");
    xhr.send();
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4 && xhr.status === 200) {
            res = JSON.parse(this.responseText);
            console.log(res);  // <--- тут данные есть 
            return res; 
            
        }
    };
}

allDots = getJSON(); // <-- тут undefined;

Comments

[WapSter]

Никак, ты должен оперировать данными когда они придут в твоем случае в функции обратного вызова.

[Grione]

То есть и через catch не получается? Я не правильно мыслю выходит? Такие задачи исключительно через колбэк делаются?

[Александр]

если какой-то из ответов помог, отметьте его решением. можно отмечать несколько решений

Answer 1

[Александр]

можно воспользоваться кое-чем поновее
https://learn.javascript.ru/fetch

Comments

[Александр]

Grione если помогло, то отметьте решением

Answer 2

[tyoma_koder]

получить ссылку текущей страницы c помощью window.location и достать оттуда get параметр регуляркой

Answer 3

[Надим]

Все куда проще, чем вы думайте, просто выполните в консоли:

let allDots = await (await fetch('http://mysite.ru/json.php')).json();
console.log('Содержимое переменной allDots:');
console.dir(allDots);

Разумеется адрес для загрузки JSON замените на свой.

Comments

[Александр]

это, конечно, правильно, но не обязательно было так все лепить в одну строку. чтобы понятнее было

[Надим]

Александр, get-запросы удобнее делать в одну строку.