2

https://developer.forecast.ioから API を使用しようとしていますが、JSON 応答を取得しています。API を使用するのはこれが初めてで、本当に知っておく必要があるのは、どのようにすればよいかということだけです。 API から返された JSON 応答を自分のページの要素に割り当てます。ありがとう！

ここに画像の説明を入力

これは、私のヘッダーのスクリプトタグで行われます:

script(src=' https://api.forecast.io/forecast/APIKEY/LAT,LON ')

4

2 に答える 2

2

http://api.jquery.com/jQuery.ajax/成功のコールバックを追加する必要があります。そのページの下部に例があります。

編集

わかりました。リクエストでスクリプト タグを使用していることがわかりました。API は現在のドメイン外にあるため、JSONP リクエストを作成する必要があります。

$(document).ready(function(){
    $.ajax({
        url: 'https://api.forecast.io/forecast/APIKEY/LAT,LON',
        dataType: 'jsonp',
        success: function(data){
            //do whatever you want with the data here
            $("body").append(JSON.stringify(data));
        }
    });
});

もちろん、そのブロックの一部を微調整する必要がありますが、アイデアは得られます

于 2013-04-17T03:05:23.223 に答える
1

あなたが探しているのはDOM操作です。DOM は HTML Document Object Modelであり、ドキュメントを構成する HTML のオブジェクト表現です。これには多くの方法がありますが、このタスクを実行するための最も一般的な Javascript ライブラリの 1 つは jQuery です。詳細については、操作に関するヘルプ ドキュメント カテゴリを参照してください。

OK、あなたの説明によると、あなたはまだ AJAX を使用していません。あなたがする必要があるので、私は「まだ」と言います。繰り返しますが、そのためには jQuery をお勧めします。また、jQuery 独自のドキュメントを最良のリソースとしてお勧めします。単純な「取得」の場合、最も簡単なオプションはgetJSON メソッドです。

したがって、非常に単純なレベルでは、次のようにすることができます。

$(function(){
    $.getJSON('url_to_api', function(data) {
        $("#SummaryBox").append("<div>" + data.hourly.summary + "</div>");
    }
});
于 2013-04-17T03:03:01.680 に答える