0

我有 javascript 的问题。Id="btn"我在带有.In main.js的页面中有一个搜索表单,我有这个功能:编辑:

// on page load
$(window).load(function() {

// define api keys
var apiKey = '...';
var apiSecret = 'is ....';

// create a Cache object
var cache = new LastFMCache();

// create a LastFM object
var lastfm = new LastFM({
    apiKey    : apiKey,
    apiSecret : apiSecret,
    cache     : cache
});

var topArtistName = '';

// get weekly artist chart by tag 'trance'
lastfm.tag.getWeeklyArtistChart({tag: 'trance', limit: 6}, {success: function(data){

    // render top weekly artist using 'lastfmTemplateArtists' template
    $('#top_artists').html(
        $('#lastfmTemplateArtists').render(data.weeklyartistchart.artist)
    );

    // define top artist name
    topArtistName = data.weeklyartistchart.artist[0].name;

    // load details of the artist
    lastfm.artist.getInfo({artist: topArtistName}, {success: function(data){

        // render the single artist info using 'lastfmTemplateArtistInfo' template
        $('#top_artist').html(
            $('#lastfmTemplateArtistInfo').render(data.artist)
        );

        // load the artis's top tracks
        lastfm.artist.getTopTracks({artist: topArtistName, limit: 9}, {success: function(data){

            // render the tracks using 'lastfmTemplateTracks' template
            $('#top_tracks').html(
                $('#lastfmTemplateTracks').render(data.toptracks.track)
            );
        }});

    }, error: function(code, message){
        alert('Error #'+code+': '+message);
    }});
  }});
});

现在我想搜索一位艺术家并"topArtistName"使用我在搜索表单中输入的文本设置变量。
我试过了:topArtistName=document.getElementById("btn").value但它不起作用。
该表单位于结果可视化的同一页面中。

编辑:这个 main.js 效果很好,但它从 lastfm 搜索顶级艺术家并填充页面。我想通过搜索表单插入艺术家姓名并在页面中将其视为“顶级艺术家”。:)

4

0 回答 0