json - My request for data from server using the XMLHttpRequest, keeps returning undefined

Question

I tried to request data from this server address https://codexpression.github.io/catz/catz.json using AJAX XMLHttpRequest, but when I tried to console.log the property value of the text, I keep getting "undefined", please find code below:

function getData() {
  let requestObject = new XMLHttpRequest();            //create XMLHttpRequest Object

  requestObject.onreadystatechange = function() {      //create an onstatechange function
    if (this.readyState == 4 && this.status == 200) {  //check if request is successful
      // myFunction(this)
      let convert = JSON.parse(this.responseText)
      console.log(convert.all.text)
    }
  };

  requestObject.open("GET", "https://codexpression.github.io/catz/catz.json", true); //get the document address and send request
  requestObject.send()
}

getData()

question from:https://stackoverflow.com/questions/65929032/my-request-for-data-from-server-using-the-xmlhttprequest-keeps-returning-undefi

Answer 1

Waitting for answers