如何将 GitHub gist 合并到我的 Codepen 项目中？答案

【问题标题】：How can I incorporate a GitHub gist into my Codepen project?如何将 GitHub gist 合并到我的 Codepen 项目中？
【发布时间】：2017-08-18 13:03:40
【问题描述】：

我对 Codepen 和一般编码非常陌生，我正在尝试弄清楚如何在 Codepen 中链接到 a really big file。我想在 Codepen 的 Javascript 中使用我的 GitHub gist 中的变量 pieIsGood，但我不知道如何去做。

一些可爱的 StackOverflow 用户给了我一个涉及链接到另一个 Codepen 项目的解决方案，但问题是 Codepen 只允许您存储一定数量的数据，而且这个数量比我需要的要少。

您能帮我弄清楚如何将我的要点整合到我的 Codepen 项目中吗？感谢您的帮助！

Link to my Codepen project:

ignore this

【问题讨论】：

标签： javascript github gist codepen

【解决方案1】：

只需使用 ajax：

const url = '//gist.githubusercontent.com/Rusty25/a18f99e0e0a2c42662cc0746b71a5f00/raw/86e4fce24116005f2748aeacdb5e94624937eb31/pi_digits.json';

fetch(url).then(response => {
  response.json().then(obj => {
    console.log(obj.pi.slice(0,10000));
  });
});

.as-console-wrapper{min-height:100%}
.as-console-row-code{word-break:break-all}

在 CodePen 上查看：http://codepen.io/jrunning/pen/jBjVjd?editors=0011

上面使用Fetch API，但你可以使用XMLHTTPRequest或jQuery的$.ajax或任何你喜欢的。

【讨论】：