graphiql 上的查询请求

问题描述

因为我已经感谢您提供的空间，所以我遇到了 graphql 的以下问题，我遵循了公共 api 站点 AniList https://anilist.gitbook.io/anilist-apiv2-docs/overview/graphql/getting-started 的命令，我可以获得很多信息，但是我想要的是我没搞懂，我想抓一个动漫人物，如果有人能帮我将不胜感激，我在这个主题上很外行，我把代码留在这里

var query = `
{Media (id: 1,type: ANIME) { 
    id
    title {
      romaji
      english
      native
    }
  episodes
  type
  averagescore
  seasonYear
  episodes
  duration
  characters {
    nodes {
      image {
        large
        medium
      }
    }
  }
  coverImage {
    extraLarge
  }
  }
}
`;


var url = 'https://graphql.anilist.co',options = {
        method: 'POST',headers: {
            'Content-Type': 'application/json','Accept': 'application/json',},body: JSON.stringify({
            query: query,})
    };

fetch(url,options).then(handleResponse)
                   .then(handleData)
                   .catch(handleError);

function handleResponse(response) {
    return response.json().then(function (json) {
        return response.ok ? json : Promise.reject(json);
    });
}

function handleData(data) {
    //console.log(data.data.Media.title.userPreferred);
    //document.getElementById("anime").innerHTML = data.data.Media.title.userPreferred;
    
    document.getElementById("title").innerHTML = data.data.Media.title.english;
    document.getElementById("type").innerHTML = data.data.Media.type;
    document.getElementById("episodes").innerHTML = data.data.Media.episodes;
    document.getElementById("averagescore").innerHTML = data.data.Media.averagescore;
    document.getElementById("duration").innerHTML = data.data.Media.duration;
    document.getElementById("episodeList").innerHTML = data.data.Media.episodes;
    document.getElementById("dateanime").innerHTML = data.data.Media.seasonYear;
    document.getElementById("anime_image").setAttribute("src",data.data.Media.coverImage.extraLarge );
    document.getElementById("anime_person").setAttribute("src",data.data.Media.characters.image.large );

     
}

function handleError(error) {
    alert('Error,check console');
    console.error(error);
}

#main,.autofill {
    -webkit-Box-flex: 1;
    -ms-flex: 1;
    flex: 1;
    margin: 15px;
    position: absolute;
    z-index: 1;
    top: -5px;
    font-size: 10px;
    text-shadow: 1px 1px 1px #0000007d;
    line-height: 2.9rem
}

<div class="autofill">
    <strong>name: </strong><span id="title"></span>
    <br />
    <strong>type: </strong> <span id="type"></span><br />
    <strong>N. episodes: </strong> <span id="episodes"></span><br />
    <strong>score: </strong> <span id="averagescore"></span><br />
    <strong>duration: </strong> <span id="duration"></span> <br />
    <strong>Status: </strong> <span id="episodeList"> </span> <br />
    <strong>In: </strong> <span id="dateanime"></span><br />
    <span>
       <img src="" id="anime_image"> <br />
        <img src="" id="anime_person"> <br />
    </span>
</div>

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

graphiql javascript