在 Svelte 中检索 JSON 数据

Question

我现在有点空白。

我正在尝试通过 Youtube API 检索一些 JSON 数据。

我收到的错误是 "Cannot read property 'getJSON' of undefined"。我已将我的代码放在下面。

<script>
  export let videoData = {};
  const { HEADING, HEADING2, SERVICE_LIST } = videoData;

  import  { onMount  } from "svelte";
  var key = 'my api key';
  var url = 'https://www.googleapis.com/youtube/v3/channels';
  var channelid = 'my channel id';


  var options = {
    part: 'snippet',
    key: key,
    id: channelid,
    maxresults: 20

  };
  loadvids();
  function loadvids(){
    this.getJSON(url, options, function(data){

        console.log(data);
    });
  }

</script>

这是在 .svelte 文件中。任何帮助将不胜感激。

Answer 1

您必须覆盖 onmount 方法并使您的请求异步：

const url = 'https://www.googleapis.com/youtube/v3/channels';
let data = [];


onMount(async function() {
        const response = await fetch(url, options);
        data = await response.json();
    });

在 Svelte 中检索 JSON 数据

Retrieving JSON data in Svelte

javascript

api

json

svelte