1

我正在寻找一个系统来设置来自 DocumentCloud 的搜索结果的样式（并允许我链接到给定的文档）。

我知道我可以使用如下搜索字符串查询 DocumentCloud 并返回 JSON 结果：

https://www.documentcloud.org/api/search.json?q=obama

我不知道如何：

  1. 抓取搜索的输出并将其放在我自己的页面上
  2. 一旦我在我的页面上设置了数据样式

我只是想知道如何开始使用它，我对 HTML 和 CSS 有经验，但我以前从未使用过 JSON。

这里有更多信息，但我只是不知道从哪里开始：https ://www.documentcloud.org/help/api

4

1 回答 1

2

听起来你对 JavaScript 不太熟悉，对吗？JSON 代表 JavaScript Ojbect Notation，因此要使用它，您必须深入研究一下。我强烈建议研究使用 JavaScript 框架/库，即 jQuery 来处理繁重的工作。（还有其他有价值的库，但 jQuery 是迄今为止最流行的，并且非常友好，使用类似 CSS 的选择器来操作文档对象模型）。

查看这个 jQuery 教程：jQuery 的工作原理

这是使用 jQuery 的 jsonp 获取远程 rsult 并在页面中使用它们的入门：http: //www.ibm.com/developerworks/library/wa-aj-jsonp1/

您最终可能会在 javascript 文件或脚本标记（在指向 jQuery 库的链接之后）中得到如下所示的代码：

$(document).ready(function () {

    $.getJSON('https://www.documentcloud.org/api/search.json?q=obama&callback=?', null, function (results) {
            // this would append whatever the json returns for 'total' 
            // inside an element on your page with an id of 'resultsCount':
            $('#restulsCount').append(data.total); 
          });   

});

因此，可以以您需要的任何形式/位置将额外的文本和标记添加到页面上已有的元素中，并且页面上链接的任何样式块或 CSS 文件中的常规 CSS 规则将适用于它们。

祝你好运。

于 2012-04-20T21:15:17.437 回答