在尝试从Parsed xhr.responseText获取值时获取“未定义”

Question

我有这个javascript函数，它向我的Django服务器发出GET请求并获得JSON响应但是当我在使用JSON.parse（）解析xhr.responseText后尝试从json获取值时，我得到'undefined ”。我做错了什么？

function getSignedRequest(file){
  const xhr = new XMLHttpRequest();
  xhr.open('GET', `/sign-s3?file-name=${file.name}&file-type=${file.type}`);
  xhr.onreadystatechange = () => {
    if(xhr.readyState === 4){
      if(xhr.status === 200){
        const response = JSON.parse(xhr.responseText);
        //var apple = JSON.parse(xhr.responseText);
        console.log(xhr.responseText);
        alert(response.url); //gives undefined
        console.log(response);
        //uploadFile(file, response.data, response.url);
      }
      else{
        alert('Could not get signed URL.');
      }
    }
  };
  xhr.send();
}  

这是解析后得到的JSON数据。这是一个有效的json。

{"url": "https://myurlfromserver", "data":      {"url": "https://myurlfromserver", "fields": {"myremainimg data"}}}