質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう!

新規登録して質問してみよう
ただいま回答率
85.48%
HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JSON

JSON(JavaScript Object Notation)は軽量なデータ記述言語の1つである。構文はJavaScriptをベースとしていますが、JavaScriptに限定されたものではなく、様々なソフトウェアやプログラミング言語間におけるデータの受け渡しが行えるように設計されています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

Q&A

解決済

2回答

314閲覧

jsでのjsonの取得について

2001Y

総合スコア83

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

JSON

JSON(JavaScript Object Notation)は軽量なデータ記述言語の1つである。構文はJavaScriptをベースとしていますが、JavaScriptに限定されたものではなく、様々なソフトウェアやプログラミング言語間におけるデータの受け渡しが行えるように設計されています。

JavaScript

JavaScriptは、プログラミング言語のひとつです。ネットスケープコミュニケーションズで開発されました。 開発当初はLiveScriptと呼ばれていましたが、業務提携していたサン・マイクロシステムズが開発したJavaが脚光を浴びていたことから、JavaScriptと改名されました。 動きのあるWebページを作ることを目的に開発されたもので、主要なWebブラウザのほとんどに搭載されています。

0グッド

0クリップ

投稿2018/07/16 05:39

json

1{ 2 items:[ 3 0:{ 4 title:"テスト - Wikipedia" 5 } 6 1:{ 7 title:"テスト(てすと)とは - コトバンク" 8 } 9 2:{ 10 title:".テスト - Wikipedia" 11 } 12 ] 13}

このようなGoogleの検索結果をjsonで受け取って、jsで各titleを取得したいのですが、itemまでしか取得できません。itemsの取得に使ったのは以下なのですが、どのように各titleを取得すればいいのか教えていただければと思います。

js

1JSON.parse(JSONデータ.response).items

▼実際にitemsまで取得できる物を置いておきます。
JSFiddle

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

ベストアンサー

html

1<!DOCTYPE HTML> 2<html lang="ja"> 3 <head> 4 <meta charset="UTF-8"> 5 <title></title> 6 </head> 7 <body> 8 <div id="SearchResults"></div> 9 <script type="text/javascript"> 10 let url = "https://www.googleapis.com/customsearch/v1?key=AIzaSyD4HoWPYCz9YDWiQCAPARVVbXDh5wq28WA&cx=001556139409281098772:eyu92k6escc&filter=1&q=テスト"; 11 let xhr = new XMLHttpRequest(); 12 xhr.open("GET", url, true); 13 xhr.onload = function () { 14 let items = JSON.parse(xhr.response).items; 15 16 for (let i = 0; i < items.length; i++) { 17 console.log(items[i].title); 18 } 19 }; 20 xhr.send(); 21 </script> 22 </body> 23</html>

投稿2018/07/16 05:54

退会済みユーザー

退会済みユーザー

総合スコア0

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

2001Y

2018/07/16 07:16

ありがとうございます! forを使わなきゃいけないんですね!
2001Y

2018/07/16 07:20

順序が逆転している気がするのですが、原因はなんでしょうか。
退会済みユーザー

退会済みユーザー

2018/07/16 07:22

さあ… 逆転なんてしていないと思いますけど。
2001Y

2018/07/16 14:18

jsonの順番と逆になっているのですが...
退会済みユーザー

退会済みユーザー

2018/07/16 14:19

こちらの手元ではそのような事象は発生していません。
退会済みユーザー

退会済みユーザー

2018/07/16 14:27 編集

insertAdjacentHTML() の働きを調べてみて。 わざわざ、そう動くように作っているのはあなたですよ。
guest

0

js

1console.log(JSON.parse(xhr.response).items[0].title);

投稿2018/07/16 05:44

kei344

総合スコア69407

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

2001Y

2018/07/16 07:16

ありがとうございます! 全ての項目を取得したかったので、上の方をベストアンサーに選ばせていただきました!
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

15分調べてもわからないことは
teratailで質問しよう!

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

関連した質問