C＃/ ASP.Net/Json - Echo Nest

Question

私はユーザーがテキストボックスにアーティストを入力し、ボタンを押して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.echonest.com/docs/v4/playlist.html

Answer 1

このソリューションは、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 
    } 
});