0

そこで、次のデータを取得したいと思います。

ロンドンなどの 1 つの都市のみ 今日の気温 明日の最低気温と最高気温 明日以降の最低気温と最高気温

次に、それらの値を取得して、html に追加します。問題は、json リクエストから受け取ったデータをどのようにフィルタリングするかです。これが私のサンプルコードです。今日の気温のデータはすでにありますが、次の日の最低気温と最高気温をフィルタリングするにはどうすればよいですか?

どうもありがとう

jQuery( document ).ready( function() {


function getWeather(callback) {
    var weather = 'http://openweathermap.org/data/2.5/forecast?lat=35&lon=139&units=metric';
    jQuery.ajax({
      dataType: "jsonp",
      url: weather,
      success: callback
    });
}

// get data:
getWeather(function (data) {
    console.log(data);
    console.log(data.list[0].main.temp);
    console.log(data.list[0].main.temp_min);
    console.log(data.list[0].main.temp_max);
});

// append data to html
jQuery('span.customWeather').text('weather here!');


});
4

2 に答える 2

0

まあ、私はデータセットを持っていませんが、JSONデータへのURLを取得し、ブラウザで開き、ウィンドウに投稿するだけです.

私はこれを行い、ここに私が得たもののスニペットがあります（サイトのドキュメントを読まずに）

{"cod":"200","message":0.3729,"city":{"id":1851632,"name":"修善寺","coord":{"lon":138.933334,"lat":34.966671 },"country":"JP","population":0},"cnt":41,"list":[{"dt":1394992800,"main":{"temp":-6.78,"temp_min" :-6.78,"temp_max":-6.78,"気圧":935.65,"海面":1036.67,"grnd_level":935.65,"湿度":73,"temp_kf":0},"天気":[{"id ":800,"main":"快晴","説明":"空は快晴","icon":"01n"}],"雲":{"all":0},"風":{"速度":0.71,"度":128.005},"sys":{"pod":"n"},"dt_txt":"2014-03-16 18:00:00"},{"dt":1395003600,"main":{"temp":-8.05,"temp_min":- 8.05、"temp_max":-8.05、"気圧":936.88、"海面":1038.77、"grnd_level":936.88、"湿度":72、"temp_kf":0}、"天気":[{"id": 800,"main":"晴れ","説明":"空は晴れ","アイコン":"01n"}],"雲":{"すべて":0},"風":{"速度" :0.61,"度":175.004},"sys":{"ポッド":"n"},"dt_txt":"2014-03-16 21:00:00"},{"dt":1395014400,"主要"：{"temp":-8.05,"temp_min":-8.05,"temp_max":-8.05,"pressure":936.88,"海面":1038.77,"grnd_level":936.88,"湿度":72,"temp_kf": 0},"天気":[{"id":800,"main":"快晴","説明":"空は快晴","icon":"01n"}],"雲":{"all ":0},"wind":{"speed":0.61,"deg":175.004},"sys":{"pod":"n"},"dt_txt":"2014-03-16 21:00 :00"},{"dt":1395014400,"メイン":{"temp":-8.05,"temp_min":-8.05,"temp_max":-8.05,"pressure":936.88,"海面":1038.77,"grnd_level":936.88,"湿度":72,"temp_kf": 0},"天気":[{"id":800,"main":"快晴","説明":"空は快晴","icon":"01n"}],"雲":{"all ":0},"wind":{"speed":0.61,"deg":175.004},"sys":{"pod":"n"},"dt_txt":"2014-03-16 21:00 :00"},{"dt":1395014400,"メイン":[{"id":800,"main":"快晴","説明":"空は快晴","icon":"01n"}],"雲":{"all":0},"風":{"speed":0.61,"deg":175.004},"sys":{"pod":"n"},"dt_txt":"2014-03-16 21:00:00"},{" dt":1395014400,"メイン":[{"id":800,"main":"快晴","説明":"空は快晴","icon":"01n"}],"雲":{"all":0},"風":{"speed":0.61,"deg":175.004},"sys":{"pod":"n"},"dt_txt":"2014-03-16 21:00:00"},{" dt":1395014400,"メイン":

私は人間の目と呼ばれるMark 1検索エンジンで日付の参照を検索して探し、見つけました.

そこに変数 dt_txt 'dt_txt":"2014-03-16 18:00:00" が見つかりました。

その後、その配列内のデータにアクセスできます。日付の JavaScript 関数と配列アクセスはオンラインで文書化されており、繰り返しませんが、これはあなたが見つけることができる例を探しています。

データの各行が日時タグでマークされていることを確認するのに 3 分もかかりませんでした。

于 2014-03-16T19:18:33.747 に答える