C#/ASP.Net/Json - Echo Nest

Question

사용자가 텍스트 상자에 아티스트를 입력 한 다음 단추를 눌러 Echo Nest API를 호출 할 수있게하려고합니다. 나는 텍스트 상자에서 사용자 입력 정보를 포함하는 API 호출을 구성 할 방법 http://developer.echonest.com/api/v4/playlist/basic?api_key=N6E4NIOVYMTHNDM8J&artist=Weezer&format=json&results=20&type=artist-radio

: 여기

은 샘플 호출입니다. 예를 들어 위의 호출에서 사용자 입력은 "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 
    } 
});