我在Stackoverflow上读过很多关于异步函数的问题,以及如何返回值,但我不能在我的项目中应用这些提示。所以我请求你的帮助。
我使用iTunes搜索API在商店中查找歌曲,然后将它们添加到"播放列表"中。该项目使用JQuery开发。
基本上,有一个名为"iTunesSearch"的搜索框,我在其中写入歌曲的名称,然后是一个名为"search"的按钮,当点击该按钮时,执行在iTunes商店中检索歌曲的代码。我要做的是取歌曲名,放入数组中,显示在页面上的div中然后搜索其他歌曲,一遍又一遍地重复这个过程。最后,我希望有一个数组,其中包含我搜索过的所有歌曲。
代码如下:
$(document).ready(function() {
$('#search').click(function(){
var media = "music";
var limitOfSearchResults = 1;
var thing = document.getElementById('itunesSearch').value;
var whatosearch = $('#itunesSearch').attr('value');
$.getJSON("http://itunes.apple.com/search?term=" + thing
+ "&country=us&limit=" + limitOfSearchResults
+ "&media=" + media
+ "&callback=?",function(data) {
songname = data["results"][0].trackName;
resultPlaylist = createPlaylist(song);
alert(resultPlaylist); //is always 1, it doesn't add songs when I repeat search
});
function createPlaylist(song){
var playlist = new Array ();
playlist.push(song);
return playlist.length; //to test if the array stores the results
)};
});
这里是HTML正文片段:
<input id="itunesSearch" type="text" placeholder="Search for a song..">
<div id="resultiTunes"></div>
<input id="search" type= "button" value="Find!">
我如何将songname变量传递到回调函数之外,并使用它将歌曲的名称存储在数组或其他任何东西中?我了解到问题是回调稍后执行。我试过在回调中调用一个函数,但它不会在数组中堆叠歌曲(由于失败,我没有包含这段代码)。什么好主意吗?
已解析。我将getJSON请求放入一个函数并设置返回值。然后,调用.done()状态来使用结果:
function foo(){ return $.getJSON("http://itunes.apple.com/search?media=music&term=2&country=it&limit=60&attribute=genreIndex&entity=song&callback=?",function(data) {
//stub
}
)}
foo().done(function(result){
//do something with result})