0

ユーザーがアーティストをテキスト ボックスに入力し、ボタンを押して Echo Nest API を呼び出せるようにしようとしています。

サンプル呼び出しは次のとおりです: http://developer.echonest.com/api/v4/playlist/basic?api_key=N6E4NIOVYMTHNDM8J&artist=Weezer&format=json&results=20&type=artist-radio

テキストボックスからのユーザー入力にその情報を含めるには、API 呼び出しをどのように作成すればよいでしょうか。たとえば、上記の呼び出しでは、ユーザー入力は「Weezer」になります。

リンクは次のとおりです。http://developer.ehonest.com/docs/v4/playlist.html

4

1 に答える 1

0

このソリューションはjQueryを使用し、次のhtmlを想定しています。クロスドメインのセキュリティ制限を回避するためにクライアントからリクエストを行うため、JSONPも使用することに注意してください。これを機能させるために、フォーマットタイプを変更し、コールバックを追加しました。getJSON呼び出しは、コールバック変数の存在を使用して、実際のコールバックを呼び出す匿名のコールバック関数を挿入します。

 <label for="artist">Artist</label>
 <input type="text" id="artist" name="artist" />
 <button id="search-artist">Find</button>


 $('#search-artist').click( function() {
     var url = "http://developer.echonest.com/api/v4/playlist/basic?api_key=N6E4NIOVYMTHNDM8J&artist="
                   +  $('#artist').val()
                   + "&results=20&type=artist-radio"
                   + "&format=jsonp&callback=?";
     $.getJSON(url, function(data) {
         // do something with the returned JSON data
     }
 });
于 2012-04-29T14:46:48.193 に答える