如何将Github上的代码添加到我的Codepen项目中？

Question

如何将Github上的代码添加到我的Codepen项目中？

4

我有一个包含代码的存储库，想将其整合到我的Codepen项目中，但我不知道如何操作。

我想要做的是获取一千万位数的圆周率作为一个变量，在我的项目中使用。

目前，我的项目使用以下代码从另一个Codepen中使用Ajax获取变量pieIsGood：

 $.getJSON('http://codepen.io/creativekinetix/pen/PpOOrE.js',jsonLoaded);
var pieIsGood;
function jsonLoaded(data) {
  pieIsGood = data.pi;
  pieIsGood = pieIsGood.toString()
}

虽然这段代码可以运行，但Codepen只允许一定长度的笔记（我认为它最多只有约100万个字符）。我想找到一种方法，将这个Github要点或这个网站中的代码转换成变量pieIsGood，以便在我的项目中使用。我不能使用Ajax，因为我所做的任何事情都必须在同一个域中进行，而Codepen不允许10百万位数的圆周率。

由于Codepen不允许我在当前声望级别下发布三个链接，因此这是损坏的链接。它只需要在http后面加上一个：即可。

http://codepen.io/Random_Pseudonym/pen/EWvdge

非常感谢任何帮助（我已经花了大约十个小时来寻找解决方案，如果能够解决，我将非常感激！）

- H. Mitchell

如果远程支持CORS，ajax不必在同一域中，而js文件可以来自任何地方。 - dandavis

我该如何将js文件实现到我的代码中？ - H. Mitchell

1个回答

网页内容由stack overflow 提供, 点击上面的

可以查看英文原文，
原文链接

- Bertrand Martel · Answer 1

你可以将一个JSON文件存储在gist中，例如this one，并在你的Ajax请求中包含它的原始URL:

$.getJSON('https://gist.githubusercontent.com/bertrandmartel/f8936fcffe7d3fec8c85782f60fd77e9/raw/86e4fce24116005f2748aeacdb5e94624937eb31/pi_digits.json',jsonLoaded);
var pieIsGood;
function jsonLoaded(data) {
  pieIsGood = data.pi;
  console.log(pieIsGood);
}

你可以在这里找到一个实时例子。