2017-06-04 14 views
0

この質問は、sparkfunに固有のものかもしれませんが、JavaScriptの経験が限られているため、一般的な質問にしたいと考えています。jsonファイルの一部を外部のウェブサイトから取得する(sparkfun)

私はsparkfun data serverからJSONデータをロードするために、フォローHTMLとJavaScript(d3.js)ファイルを使用している:

index.htmlを

<!DOCTYPE html> 
<meta charset="utf-8"> 
<body> 
<script src="https://d3js.org/d3.v4.min.js"></script> 
<script> 

var data_sensor; 
var url = "https://data.sparkfun.com/output/w5nEnw974mswgrx0ALOE.json" 
d3.json(url, function (error,json) { 
    if (error) throw error; 
    data_sensor=json; 
    console.log(data_sensor) 
}) 
</script> 

</body> 

をスクリプトを実行した後、私は、で終わるだろう解析後のために変数data_sensorに格納されているすべてのデータ配列。私が今したい何

は、ダッシュボードを作成することであるダウンロードして保存するだけで最新の値。私はちょうどのdata_sensor(つまりdata_sensor [0])の最初の値を使うことができますが、そのようなメソッドはデータの増加に伴って非常に効率が悪くなることを理解しています。

ありがとうございます!

答えて

1

私は、私はいつものjQueryを使用しましたどこかからJSONを読み込むたいと思っていた:

<script src="jquery-3.2.1.min.js"></script> 

次に、あなたがあなたのJSONファイルを取得するには、このような何かを行うことができます。このような

インポートのjQuery

var data_sensor; 
var url = "https://data.sparkfun.com/output/w5nEnw974mswgrx0ALOE.json" 
$.getJSON(url, function(data) { 
    data_sensor = data; 
    console.log(data_sensor) 
}); 

希望します。

+0

jakeさん、ありがとうございました。あなたのスクリプトを試しましたが、 "ReferenceError:$は定義されていません"と言われました。 –

+0

です。最初にjqueryをダウンロードするか、CDNを使用する必要があります –

1

ないここでは、専門家が、そのドキュメントの状態を使用すると、データの最初の250キロバイトを取得するには、ページングを使用することができますTAT:あなたは、データの最初のオブジェクト/セットを取得することができます

var url = "https://data.sparkfun.com/output/w5nEnw974mswgrx0ALOE.json?page=1"; 

、と私はそこだ怖いです任意のAPIレスポンスの一部のみを取る一般的な方法はありません。要求はリクエストです。アーキテクチャーによって可能なすべてのデータを「OK」文字列から200MBのデータに送信できます。慎重にドキュメントを読むことが最善の策です。

関連する問題