我如何使用JQuery从没有名称的数组Json中获取元素

时间:2018-07-28 14:16:47

标签: jquery json

我试图从JSON中获取名为“ Title”的第一个元素,并将其传递给名为“ episodio1”的ID,但是我不知道如何正确访问该数组。这是我要使用的代码。

$.getJSON('example.json', function(dataep) {
                   $('#episodio1').html('' + dataep.Title + '');
               });
  <button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne" id="episodio1">Text</button>

这是我的JSON文件。

[
  {
    "Duration": 53,
    "EpisodeNumber": 1,
    "ID": "EPI-01",
    "Image": "https://occ-0-894-1123.1.nflxso.net/art/e0e90/292975320f88a9f3fc741c132d0ec2ac20ce0e90.webp",
    "SeasonNumber": 1,
    "Synopsis": "Londres, 1891. A polícia investiga uma série de assassinatos, mas Sir Malcolm Murray e a bela Vanessa Ives sabem que há algo mais sombrio por trás de tudo.",
    "Title": "Trabalho Noturno"
  },
  {
    "Duration": 56,
    "EpisodeNumber": 2,
    "ID": "EPI-02",
    "Image": "https://occ-0-894-1123.1.nflxso.net/art/7b23c/f2a507d45fe0faa3716b7744dbefdb815c77b23c.webp",
    "SeasonNumber": 1,
    "Synopsis": "Vanessa e Sir Malcolm vão a uma festa na casa do egiptólogo Sir Ferdinand Lyle e encontram o belo e enigmático Dorian Gray.",
    "Title": "Sessão Espírita"
  },
  null,
  {
    "Duration": 48,
    "EpisodeNumber": 3,
    "ID": "EPI-03",
    "Image": "https://occ-0-894-1123.1.nflxso.net/art/4535e/74af6d7d64b7afbbadfa1398e1fab55835d4535e.webp",
    "SeasonNumber": 1,
    "Synopsis": "O Dr. Frankenstein enfrenta seu passado. Vanessa tem uma visão de Mina, levando o grupo a capturar Fenton, servo de um vampiro.",
    "Title": "Ressurreição"
  }
]

谢谢您的帮助。

2 个答案:

答案 0 :(得分:2)

由于它是对象数组,因此您应该这样做。这将获取数组中第一个对象的标题。为了获得全部,您可以遍历数组

$.getJSON('example.json', function(dataep) {
   $('#episodio1').html('' + dataep[0].Title + '');
});

答案 1 :(得分:2)

  

一个数组可以用一个名称保存许多值,并且您可以通过引用索引号来访问这些值

var dataep=[
  {
    "Duration": 53,
    "EpisodeNumber": 1,
    "ID": "EPI-01",
    "Image": "https://occ-0-894-1123.1.nflxso.net/art/e0e90/292975320f88a9f3fc741c132d0ec2ac20ce0e90.webp",
    "SeasonNumber": 1,
    "Synopsis": "Londres, 1891. A polícia investiga uma série de assassinatos, mas Sir Malcolm Murray e a bela Vanessa Ives sabem que há algo mais sombrio por trás de tudo.",
    "Title": "Trabalho Noturno"
  },
  {
    "Duration": 56,
    "EpisodeNumber": 2,
    "ID": "EPI-02",
    "Image": "https://occ-0-894-1123.1.nflxso.net/art/7b23c/f2a507d45fe0faa3716b7744dbefdb815c77b23c.webp",
    "SeasonNumber": 1,
    "Synopsis": "Vanessa e Sir Malcolm vão a uma festa na casa do egiptólogo Sir Ferdinand Lyle e encontram o belo e enigmático Dorian Gray.",
    "Title": "Sessão Espírita"
  },
  null,
  {
    "Duration": 48,
    "EpisodeNumber": 3,
    "ID": "EPI-03",
    "Image": "https://occ-0-894-1123.1.nflxso.net/art/4535e/74af6d7d64b7afbbadfa1398e1fab55835d4535e.webp",
    "SeasonNumber": 1,
    "Synopsis": "O Dr. Frankenstein enfrenta seu passado. Vanessa tem uma visão de Mina, levando o grupo a capturar Fenton, servo de um vampiro.",
    "Title": "Ressurreição"
  }
]
console.log(dataep[0].Title);
//$('#episodio1').html('' + dataep[0].Title + '');
$.getJSON('example.json', function(dataep) {
                   $('#episodio1').html('' + dataep[0].Title + '');
               });
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<button class="btn btn-link" data-toggle="collapse" data-target="#collapseOne" aria-expanded="true" aria-controls="collapseOne" id="episodio1">Text</button>