【问题标题】:How can I add code from Github into my Codepen project?如何将 Github 中的代码添加到我的 Codepen 项目中?
【发布时间】:2017-08-18 18:41:02
【问题描述】:

我有一个存储库,其中包含一些我想合并到我的 Codepen 项目中的代码,但是我不知道如何。

我想要做的是获取 1000 万位数的 pi 作为我的项目中使用的变量。

现在我的项目使用以下代码从另一个 Codepen 使用 Ajax 获取变量 pieIsGood:

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

虽然此代码有效,但 Codepen 只允许使用一定长度的笔(我认为它最多可以达到一百万个字符)。我想找到一种方法来使用 this Github gistthis website 中的代码并将其转换为变量 pieIsGood 以在我的项目中使用。我不能使用 Ajax,因为我在那里做的任何事情都必须在同一个域中,而且 Codepen 不允许 1000 万位 pi。

由于 codepen 不允许我以我当前的信誉级别发布三个链接,因此这里是损坏的链接。它只需要一个 : 在 http 之后。

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

非常感谢任何帮助(我已经花了大约十个小时试图找到解决方案,如果能解决我将非常感激!)

【问题讨论】:

  • 如果远程支持CORS,ajax不必在同一个域中,js文件可以来自任何地方。
  • 如何将js文件实现到我的代码中?

标签: javascript jquery html git github


【解决方案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);
}

你可以找到一个活生生的例子here

【讨论】:

  • 很高兴为您提供帮助,好像链接没有粘贴到您的评论中。有什么问题?
  • 好吧,我在实现 1000 万位时遇到了一些麻烦。我以与您的版本相同的格式复制并粘贴了它,但由于某种原因,我的程序在我使用它时无法运行。我认为问题可能出在格式上(从站点复制和粘贴会留下换行符),尽管我不确定。如果您想查看,请点击以下链接:gist.githubusercontent.com/Rusty25/…
猜你喜欢
  • 2017-08-18
  • 2019-05-13
  • 1970-01-01
  • 1970-01-01
  • 1970-01-01
  • 2017-08-18
  • 2011-06-19
  • 1970-01-01
  • 2014-06-13
相关资源
最近更新 更多