Question

我正在建立一个我学校制作的慈善歌曲的网站，我们有一个刚刚给出的页面，我们已经赚了大约600英镑。我想要做的是在我的网站上从正在给出的页面上运行总计，而不必每天多次更新它。

我是否可以搜索该页面以查找我想要的项目并将其包含在我网站的页面上？像javascript或其他什么的getElementById？

Answer 1

这很大程度上取决于您尝试从哪个页面提取数据。

首先，您应该检查Just Giving是否有可用于查询项目捐赠的API。 编辑：审核后，有一个API - 这应该是首选方法！

否则，你可以尝试查看金额是否存储在特定的div中，这样可以更容易地找到字符串。此查找必须是“基于字符串”，因为您的JavaScript不会在获取的文档的DOM上执行。因此，您需要在字符串上使用.search函数并从那里开始工作，直到找到所需的值。

非常简单的解决方案是简单地在文档中找到“£”并将随后的字符串带到空格并显示为捐赠金额。

Answer 2

是。如果Just Giving站点公开了一个包含您想要显示的代码片段的简单页面，您可以使用JQuery（使用Javascript）简单地通过AJAX获取页面，无论您获得什么，都可以将它放在要显示它的HTML元素中。

如果您经常捐款（例如每隔几秒钟），您也可以使用Javascript计时器每隔几秒更新一次。

如果查看JQuery ajax() method，有一些示例如何查询其他页面并获取其内容。获得内容后，您可以使用另一个JQuery method called .html(htmlstring)替换HTML元素的HTML内容。

假设您拥有通过变量ajax()中的justgiving方法获得的页面内容，并且您拥有<div id='justgiving-snippet'>，则可以调用$('div#justgiving-snippet').html(justgiving); < / p>

你必须熟悉Javascript，但它很容易。查看上面的2个链接以获取更多示例。

顺便说一句，您也可以处理通过AJAX收到的justgiving变量。因此，如果您只需要它的片段（比如类raised-so-far的元素的内容，您可以执行以下操作：

mysnippet = $('.raised-so-far', $(justgiving)).html();

Answer 3

这也可用于将“部分”或“模块”从您网站的某个区域添加到另一个区域：

采用提取Just Giving信息的逻辑并将其保存到单独的文件中。 - 只是给予逻辑，没有样式，没有html标题/正文/等等。只需要在其他页面上打印的逻辑和原始数据。

在您的主页或索引页面上，将其放在您希望显示数据的位置。

这将从页面“snippet”中打印逻辑内容。可以把它想象成一个“模块”系统。这是粗鲁的，粗糙的，但它应该做你需要的。