我如何在外部函数中访问json.parse响应

Question

我尝试连接到rest API，现在遇到了问题。

   const xhr = new XMLHttpRequest();

        xhr.open('GET', 'url', true);

        xhr.onload = function () {

            var responseV = JSON.parse(this.responseText);

            let output = '';

            responseV.forEach(function (post) {
                output += `

                      <video onclick="PlayVideo(event)" id="vl">
                                <source src="${post.url}" type="video/MP4" id="${post.id}"  class="VideoList"  />
                             </video>
            `
            });
            document.querySelector('#loadvideo').innerHTML = output;        
        }

        xhr.send();
    }

如您所见，我尝试显示视频列表。现在的问题是我无法使用此功能访问responseV。如何获得此回复？我应该在每个函数中编写这些步骤吗？ 我刚刚开始使用API​​，而我对javascript还是陌生的，所以请考虑将我视为初学者。 谢谢大家。