从DocumentCloud开始设置JSON搜索结果的样式

Question

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

我知道我可以使用像这样的搜索字符串查询DocumentCloud并返回JSON结果：

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

我不知道如何：

1. 抓取搜索结果并将其放在我自己的页面上
2. 在我的页面上将数据设置为样式

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

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

Answer 1

听起来你对JavaScript并不熟悉，对吗？ JSON代表JavaScript Ojbect Notation，所以要使用它，你将不得不潜入一点。我强烈建议使用JavaScript框架/库，即jQuery来处理繁重的工作。 （还有其他有价值的库，但jQuery是目前最受欢迎的，并且非常友好，使用类似CSS的选择器来操作文档对象模型）。

检查这个jQuery教程：How jQuery Works

以下是使用jQuery的jsonp获取远程rsults并在页面中使用它们的入门书：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); 
          });   

});

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

祝你好运。