teratail
回答率
85.36%
teratail header banner
teratail header banner
質問するログイン新規登録
トップに関する質問jQuery でYoutube Data APIを利用するで参考書の通りいかない

編集履歴

質問編集履歴

5

修正

2019/10/04 00:45

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -86,7 +86,7 @@
86
86
 
87
87
 
88
88
 
89
- .done(function(data)){
89
+ .done(function(data){
90
90
 
91
91
 
92
92
 

4

質問の修正

2019/10/04 00:44

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -24,6 +24,14 @@
24
24
 
25
25
  となってクリックしても動画が検索されません。
26
26
 
27
+ //現在の状況は
28
+
29
+ 私がやりたいことは以下のコードを実行してjQueryでYoutube Data APIを利用することです。そのために、「Youtube検索」欄を表示して、「jQuery」と打ち込んで「jQuery」に関連した動画を表示することです。とりあえずここまでやりたいです。今の状況は「Youtube検索」欄の表示まではできています。
30
+
31
+ 「jQuery」と打ち込んでも、何も表示されないです。
32
+
33
+ これから何をどうすればいいかわからない状況です。
34
+
27
35
 
28
36
 
29
37
  コードのどこが悪いのか教えてください。

3

コード修正

2019/10/03 23:24

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -92,7 +92,7 @@
92
92
 
93
93
 
94
94
 
95
- #('#result').append(
95
+ $('#result').append(
96
96
 
97
97
  $('<a></a>')
98
98
 
@@ -116,7 +116,7 @@
116
116
 
117
117
 
118
118
 
119
- .atrr({
119
+ .attr({
120
120
 
121
121
  src:this.snippet.thumbnails.medium.url,
122
122
 

2

修正

2019/10/03 10:37

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -6,13 +6,27 @@
6
6
 
7
7
  Youtube Data APIを利用してjQueryを検索して動画データを検索しているのですがうまくいきません。
8
8
 
9
- Googleアカウント、APIキーは取得しています。ネットを見ながらやってみたのですが
9
+ Googleアカウント、APIキーは取得しています。
10
+
11
+ プロジェクト:sanchu-projでAPIは有効ですとなっています。
12
+
13
+ ネットを見ながらやってみたのですが
14
+
15
+ http://localhost/chap12/sec1/YouTubeDataAPI.htmlを実行すると
16
+
17
+
18
+
19
+
10
20
 
11
21
  ![![イメージ説明](065c6785b0d94372d0f200cd43a5b0c1.png)](6a34e7676696c49eb84f1245870977a3.png
12
22
 
13
23
 
14
24
 
15
- となってクリックしても動画が検索されません。コードのどこが悪いのか教えてください。
25
+ となってクリックしても動画が検索されません。
26
+
27
+
28
+
29
+ コードのどこが悪いのか教えてください。
16
30
 
17
31
  ちなみにYouTubeは利用したことがありませんでしたので、動画サイトだというぐらいしかをわかりませんが、お願いいたします。
18
32
 

1

修正

2019/10/03 03:02

投稿

退会済みユーザー
test CHANGED
File without changes
test CHANGED
@@ -1,6 +1,6 @@
1
1
  JavaScriptWeb開発パーフェクトマスターで勉強しています。
2
2
 
3
- XAMPPとnotepad++を使用して、ブラウザhafirefox,googleを使っています。
3
+ XAMPPとnotepad++を使用して、ブラウザはfirefox,googleを使っています。
4
4
 
5
5
  以下のコードを使って
6
6