Question

我的javascript问题。我在Id="btn"的页面中有一个搜索表单。在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搜索顶级艺术家并填充页面。我希望，通过搜索表单，插入一个艺术家名称，并在页面中将其视为“顶级艺术家”。：）

从搜索表单到变量javascript的文本

0 个答案: