javascript - JavaScriptを使用してtynt APIからキーワードを抽出するには?

Question

私はこのAPIを持っています:

https://api.tynt.com/publisher/v1/keyword/inbound?site_guid=c4l6yC_Ler4kAMacwqm_6r&api_key=secretkey&hours=1

この API からインバウンド キーワードを抽出し、キーワードの値を返して JavaScript を使用して表示するにはどうすればよいですか?

Answer 1

Tynt APIはまだ CORS (Cross-Origin Resource Sharing) をサポートしておらず、" Access-Control-Allow-Origin:* " 応答ヘッダーが実装されていないようです。したがって、CORS と互換性のある Yahoo (YQL) などのプロキシ サービスを使用して、この API を読み取るようにしてください。

jQuery getJSON 呼び出しから呼び出されるグローバル関数 readKeywords() があるとします。

// remember to complete it with your secretkey!
var api_url = "http://api.tynt.com/publisher/v1/keyword/inbound?site_guid=c4l6yC_Ler4kAMacwqm_6r&api_key=secretkey&hours=24";

function readKeywords ( data) {
    var keywords = data.query.results.data; // keywords array
    var items = [];

    $.each(keywords, function(index, value) {
        items.push('<li>' + value.json[0] + ': ' + value.json[1] + '</li>');
    });

    $('<ul/>', {
        html: items.join('')
    }).appendTo('body');
}

$.getJSON("http://query.yahooapis.com/v1/public/yql?format=json&q=select * from json where url='" + encodeURIComponent( api_url ) + "' and itemPath='json.data'", readKeywords);

この例では、Tynt の json 応答を Yahoo の json から読み取り、リストとして document.body に書き込みます。ここで、value.json[0] と value.json[1] は、各受信キーワードの受信テキストとカウンターです。