我使用 XMLHttpRequest 从服务器请求数据，始终返回未定义

Question

我尝试使用AJAX XMLHttpRequest从该服务器地址

https://codexpression.github.io/catz/catz.json 

请求数据，但是当我尝试

console.log

文本的属性值时，我不断收到“未定义”，请在下面找到代码：

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()

Answer 1

console.log(convert.all) 有效，但是，它返回一个数组，

您必须循环遍历数组以获取各个元素，然后才能访问 .text，或者您以数组中的特定索引为目标来获取特定的 .text

例如

const allCats = convert.all

要访问所有文本，请循环遍历所有猫

for(let i = 0; i= allCats.length; i++){
const cat = allCats[i]
const getTexts = cat.text
console.log(getTexts)
}

定位猫列表中的特定文本

allCats[index].text