AJAX请求从包含对象的数组中提取信息

时间:2016-02-04 07:20:27

标签: javascript jquery arrays ajax

我需要一些帮助来获取我正在搞乱的ajax请求。目前我将此作为我的ajax电话

$.ajax({
  type: 'GET',
  url: 'https://teamtreehouse.com/garrettsanderson.json',
  dataType: 'json',
  success: function(treeHouseDatas) {
    var data = JSON.stringify(treeHouseDatas)
    $.each(treeHouseDatas, function(i, treeHouseData) {
      $('#treehouse-info').append('<p>' + treeHouseData + '</p>');
      console.log(treeHouseData);
    });
  }
});

我在控制台中收到的响应如下:

Garrett Sanderson

undefined

garrettsanderson

undefined

https://teamtreehouse.com/garrettsanderson

undefined

https://uploads.teamtreehouse.com/production/profile-    photos/194972/avatar_about-me-photo.png

undefined

ed16b4c7fd1211bd25b61bb9efd2d3cf

undefined

[Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object, Object]0: Object1: Object2: Object3: Object4: Object5: Object6: Object7: Object8: Object9: Object10: Object11: Object12: Object13: Object14: Object15: Object16: Object17: Object18: Object19: Object20: Object21: Object22: Object23: Object24: Object25: Object26: Object27: Object28: Object29: Object30: Object31: Object32: Object33: Object34: Object35: Object36: Object37: Object38: Object39: Object40: Object41: Object42: Object43: Object44: Object45: Object46: Object47: Object48: Object49: Object50: Object51: Object52: Object53: Object54: Object55: Object56: Object57: Object58: Object59: Object60: Object61: Object62: Object63: Object64: Object65: Object66: Object67: Object68: Object69: Object70: Object71: Object72: Object73: Object74: Object75: Object76: Object77: Object78: Object79: Object80: Object81: Object82: Object83: Objectlength: 84__proto__: Array[0]

新手

实际的JSON文件看起来像这样

    {
name: "Garrett Sanderson",
profile_name: "garrettsanderson",
profile_url: "https://teamtreehouse.com/garrettsanderson",
gravatar_url: "https://uploads.teamtreehouse.com/production/profile-photos/194972/avatar_about-me-photo.png",
gravatar_hash: "ed16b4c7fd1211bd25b61bb9efd2d3cf",
badges: [],
points: {}
}

如何访问徽章数组和点对象?截至目前,我只是将对象,对象吐出来。

非常感谢任何帮助!

谢谢!

1 个答案:

答案 0 :(得分:1)

  

如何访问徽章数组

你可以在每个循环中定位徽章数组,然后你可以访问里面的对象,现在在这里你可以定位对象的特定键:

$.ajax({
  type: 'GET',
  url: 'https://teamtreehouse.com/garrettsanderson.json',
  dataType: 'json',
  success: function(treeHouseDatas) {
    $.each(treeHouseDatas.badges, function(i, tree) {
      $('body').append('<p style="border-bottom:solid 1px #c4c4c4;"><strong>' + 
                         tree.id +':::::</strong>' + 
                         tree.url + '</p>');
    });
  }
});
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

  

和点对象?

console.log(treeHouseDatas.points);