在ajax调用中使用来自页面的字符串

时间:2017-05-10 22:32:55

标签: jquery html ajax

我有一个网站对数据进行AJAX调用,然后将HTML写入页面以显示它。我想构建能够单击按钮,从具有该id的元素获取字符串,然后在另一个AJAX调用中使用它的功能。这可能吗?

这是初始通话的一部分。

$.ajax({
       type: "GET",
        data: {
            api_key:"69abb9ae8bc1af849baf2a2890e08d08",
            name: artistSearch,
            limit: 1,

        },
        url: "http://api.musicgraph.com/api/v2/artist/search",
        dataType: "JSON",
        contentType: 'json',
        success: function(data) {
            console.log(data);
            console.log(data.data[0].name);
            var myHTML = '';
            for (var i = 0; i < 1; i++) {
                myHTML += '<li class="artistName  list-group-item">';
                myHTML += '<span class="name" id="artist_name">' + data.data[0].name + '</span></br>';
                myHTML += '<span class="country">Country of Origin: ' + data.data[0].country_of_origin + '</span></br>';
                myHTML += '<span class="country">Decade: ' + data.data[0].decade + '</span></br>';
                myHTML += '<span class="country">Genre of Music: ' + data.data[0].main_genre + '</span></br>';


            }

我想在加载后从页面中获取id #artist_name,并在单击按钮时,抓取该值以在另一个ajax调用中使用。怎么做?

0 个答案:

没有答案