1

DocumentCloud からの検索結果のスタイルを設定する (そして、特定のドキュメントにリンクできるようにする) システムを構築しようとしています。

次のような検索文字列を使用して、DocumentCloud にクエリを実行し、JSON の結果を返すことができることを知っています。

https://www.documentcloud.org/api/search.json?q=オバマ

方法がわかりません:

  1. 検索の出力を取得して、自分のページに配置します
  2. ページに配置したら、データのスタイルを設定します

これを始める方法を知りたいのですが、HTML と CSS の経験はありますが、JSON を扱ったことはありません。

詳細はこちらにありますが、どこから始めればよいかわかりません: https://www.documentcloud.org/help/api

4

1 に答える 1

2

JavaScript にあまり慣れていないようですね。JSON は JavaScript Ojbect Notation の略です。そのため、JSON を使用するには、少し詳しく説明する必要があります。JavaScript フレームワーク/ライブラリ、つまり jQuery を使用して重労働を処理することを検討することを強くお勧めします。(他にも価値のあるライブラリがありますが、jQuery は群を抜いて最も人気があり、CSS のようなセレクターを使用してドキュメント オブジェクト モデルを操作するため、非常に使いやすいです)。

このjQueryチュートリアルをチェックしてください: How jQuery Works

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 に答える