入门样式从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); 
      }); 

}); 

结果，多余的文字&标记可以被添加到您的元素已经在您的网页上看到的您需要的任何形式/位置，以及您网页上链接的任何样式块或CSS文件中的常规CSS规则将应用于它们。

祝你好运。