jQueryを使用してJSONからデータを取得する
サイヤントースター
私は本当にマストを調べていませんjQuery + JSON。だからここに私の試みがあります。
http://ddragon.leagueoflegends.com/cdn/4.14.2/data/en_US/rune.jsonリーグオブレジェンドルーンのデータの配列である：からデータを取得したいと思います。私が取得しているよname、description、image -> w y xそしてstats私のプロジェクトで使用されます。
私は現在これを持っています：
$(document).ready(function() {
$.getJSON("http://ddragon.leagueoflegends.com/cdn/4.14.2/data/en_US/rune.json", function(data){
$.each(data, function (index, value) {
console.log(value[5001]); //<--- this the ID for one of the runes, to test if it is working
});
});
});
これは出力です：
あなたが見ることができるように、name、description、image -> w, x, yとstats表示され、どのように私はそれが各1用（クローム用）コンソールでこれらを置くことになるだろうか？
うまくいけば、あなたたちは助けることができます。
jheth
あなたは本当にあなたが必要なものを手に入れることに近づいています。問題は、$。eachループが、必要なものを取得する前にいくつかのJSONキー/値をループしていることです。
JSONオブジェクトにはドット表記でアクセスし、以下に示すように各レベルを下に移動できます。お役に立てれば。
$.getJSON("http://ddragon.leagueoflegends.com/cdn/4.14.2/data/en_US/rune.json", function(response){
console.log(response); // Has keys for type, version, data, basic
// Data is an array of elements
console.log(response.data[5001]);
// Each entry has properties you access like this.
console.log(response.data[5001].name);
console.log(response.data[5001].description);
console.log(response.data[5001].image.x);
console.log(response.data[5001].stats);
});
編集
データ配列を反復処理するには、response.dataに対して$ .eachを実行します。
$.each(response.data, function (index, entry) {
console.log(entry.name);
console.log(entry.description);
});
この記事はインターネットから収集されたものであり、転載の際にはソースを示してください。
侵害の場合は、連絡してください[email protected]
編集
関連記事
Related 関連記事
- 1
jQueryを使用してJSONデータから値を取得する
- 2
JQuery/Ajax を使用して API からデータを取得する
- 3
Pythonを使用してjsonからデータを取得する方法
- 4
jsonArrayRequestを使用してjsonからデータを取得する
- 5
anystockを使用してJSONからデータを取得する
- 6
PHPを使用してJSONからデータを取得する方法
- 7
FlickrapiからJSONPを使用してJSONデータを取得する
- 8
jqueryを使用してデータ属性からjsonを抽出する
- 9
変数JavaScript / jQueryを使用してJSONからデータを取得します
- 10
角度を使用してJsonからデータを取得します
- 11
Jqueryを使用して複数のポートからデータを取得する
- 12
Javascript（AJAX）を使用してJSONから選択したデータを取得する
- 13
Jqueryとajaxを使用してJSONファイルからデータを取得する方法は？
- 14
jqueryを使用してhttpリクエストから特定のjsonデータを取得する方法
- 15
jqueryを使用して複数のJsonファイルからデータを取得する方法
- 16
jQueryを使用してhtml構造からデータを取得する
- 17
jqueryとc＃を使用してスパンからデータを取得する
- 18
JQueryを使用してJSONデータをhtmlに取得する
- 19
jQueryを使用してJsonデータをhtmlに取得する方法
- 20
Jqueryを使用してAPIからJSONデータを表示する-未定義を表示
- 21
Pythonでflaskを使用してURLからjsonデータを取得する方法
- 22
DjangoでPythonを使用してAPIからJSONデータを取得する
- 23
Angularjsを使用してJsonからHtmlに動的データを取得する
- 24
AJAX を使用して PHP 関数から JSON データを取得する
- 25
Pythonを使用してjsonから正確なデータを取得する方法
- 26
PHPを使用してJSON応答から特定のデータを取得する方法
- 27
Angularjs 2Observableを使用してPHPからJSONデータを取得する
- 28
配列を使用してjsonファイルからデータを取得する
- 29
ajaxなしでjqueryを使用してデータベースからphpデータを取得する
コメントを追加