如何从ajax GET查询中获取数据

时间:2017-02-19 19:53:05

标签: javascript ajax

我正在使用$.ajax()执行GET请求:

jQuery(function ($) {
  $('#acsess').on('click', function () {
    $.ajax({
      url: 'http://f4c0c1f3aa9a506c69b3b6642864b3590fb8f76f@504080.com/api/v1/services/categories',
      method: 'GET',
      beforeSend: function(req) {
        req.setRequestHeader('Authorization', "f4c0c1f3aa9a506c69b3b6642864b3590fb8f76f");
      },
      success: function(data) {
        console.log(data);
        jQuery.each(data, function (index, value) {
          // need to create divs with *icon and *title from data
        })
      },
      error: function(error) {
        alert("error");
      }
    })
  });
});

我在我的控制台中得到了这个: enter image description here

我无法检索图标链接和标题文字。请帮忙。

2 个答案:

答案 0 :(得分:1)

您可以data[index].icondata[index].title访问数据(似乎是一个数组)。
如果您需要访问所有项目,我建议使用一个简单的循环:

success: function(data) {
    for (var i = 0; i++; i < data.length) {
        data[i].icon // it's here, what to do is up to you
    }
}

答案 1 :(得分:0)

它帮助我解决问题

success: function(data) { var ololo = data.data; for (let i = 0; i < ololo.length; i++) {console.log(ololo[i].title);} }