我正在尝试允许用户在文本框中键入艺术家,然后按一个按钮调用Echo Nest API。
如何构建API调用以使用文本框中的用户输入包含该信息。例如,在上面的调用中,用户输入将是“Weezer”。
答案 0 :(得分: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
}
});