Как вывести на экран нужные элементы(переменные) json на front end(javascript)?

Question

[Tati12]

Доброго времени суток!
Очень нужна помощь....
Вот такой вот код js

var userName = "name";
var passWord = "pass";

function authenticateUser(user, password)
{
    var token = user + ":" + password;

    var hash = btoa(token); 

    return "Basic " + hash;
}

function CallWebAPI() {
(код html   <div>
                <div id="response">
                
                </div>
                <input type="button" class="btn btn-primary" value="Call Web API" onclick="javascript:CallWebAPI();" />)
   
    var request = new XMLHttpRequest();
    request.open("GET", URL, false);
    request.setRequestHeader("Authorization", authenticateUser(userName, passWord));  
    request.send();
    // view request status
    alert(request.status);
    response = request.responseText;
    console.log(response);
}

Пытаюсь нужные мне данные вытащить из json, но ничего не получается, на каждую переменную пишет undefinded..

var some = document.getElementById("some");
some.innerHTML = response.name json variable;

или

$("#some").text(response[0].name json variable + "\n" );

Не могу разобраться в чем проблема... Буду очень рада помощи!!! Спасибо заранее!

Comments

[Модератор]

3. В процессе создания вопроса пользователь Сервиса обязан:
3.8. Использовать для демонстрации фрагментов кода только специальный тег <code></code> или специальные демонстрационные ресурсы (например, JsFiddle - https://jsfiddle.net/). Размещение фрагментов кода в виде изображений запрещено.