尝试遍历API数据时遇到问题

时间:2018-10-01 20:38:01

标签: javascript jquery html ajax

我正在尝试遍历AJAX调用返回的数组,以记录程序的相关数据。

当我console.log(response.data.url)时,将返回所有相关数据。但是,我需要将此数据推送到数组中,以便以后使用。我在函数内启动了for循环,但是当我检查控制台时,它返回一条错误消息,提示

  

网址未定义

我不确定该函数自正常运行前的第一个console.log以来错误是从哪里来的。我是编程新手。 我的代码如下:

function callAJAX() {
  $.ajax({
    url: userSearchURL,
    method: "GET"
  }).then(function(response) {
    console.log(response.data.url)
    for (i = 0; i <= response.data.length; i++) {
       console.log(response.data[i].url)
    }
  })
}

1 个答案:

答案 0 :(得分:1)

所以这里发生的是您有一个带有键的对象。为了遍历对象(如数组),您需要利用内置的Object.keys()函数。试试这样的方法,而不是您的for循环:

Object.keys(response.data).forEach(dataKey => {
  console.log(response.data[dataKey])
});