YouTube Data API v3を利用する（Javascriptでリクエストを送信してみる）

Javascriptでリクエストを送信してみる

YouTube Data API: JavaScript コード サンプル でライブラリが公開されていますが、まずは自前でリクエストを送信してみます。

以下のサンプルでは、YouTube Data API の概要 にあるリクエスト例を jQueryを利用して Ajax で送信しています。また、返ってきたJSONを JSON.stringify で文字列に変換・整形し、results というIDをもったHTML要素に表示しています。

サンプルコード

// 事前にjquery-1.4.2.min.jsを読み込んでいます var API_KEY = 'AIzaSyDKNv06q3aNkfHwDx4CROFI-F-H23IFVg4'; var url = 'https://www.googleapis.com/youtube/v3/videos?id=bHQqvYy5KYo&part=snippet,contentDetails,statistics,status&key=' + API_KEY; $.ajax({ type: 'GET', url: url, dataType: 'json', success: function(data){ var s = JSON.stringify(data,null, " "); $("#results").append(s); } });

結果

Youtube API メモ Indexへ戻る