我有一个网站对数据进行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调用中使用。怎么做?