如何将GitHub要点纳入我的Codepen项目?

时间:2017-03-25 16:38:30

标签: javascript github gist codepen

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

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

你能帮我弄清楚如何将我的要点融入我的Codepen项目中吗?谢谢你的帮助!

Link to my Codepen project:

ignore this

1 个答案:

答案 0 :(得分: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或您喜欢的任何内容。