ajax - 单击对象卡时如何获取ID?
问题描述
单击卡片时如何获取 id,我在 concole.log 中获取 id。但我不知道点击卡片时获取 id。这是代码:
$.ajax({
url : 'https://www.thesportsdb.com/api/v1/json/1/search_all_leagues.php?',
type: 'get',
dataType: 'json',
data : {
's' : 'Soccer'
},
success: function(result){
let league = result.countrys;
$.each(league, function(i, data){
$('#club-list').append(`
<div class="col-md-4 p-2">
<div class="card shadow" onCLick="console.log(`+data.idLeague+`)">
<img src="`+ data.strBadge +`" class="card-img-top p-2" alt="...">
<div class="card-body">
<p class="card-text">`+ data.strLeague +`</p>
</div>
</div>
</div>`);
});
$('.card').on('click', function(){
$.ajax({
url : 'https://www.thesportsdb.com/api/v1/json/1/lookup_all_teams.php?',
type: 'get',
dataType: 'json',
data: {
// 'id' : '4328'
'id' : /* HOW TO GET ID FROM CARD WHEN USER CLICK CARD ? */
},
success: function(result){
let team = result.teams;
$.each(team, function(i, data){
$('#club-detail').append(`
<div class="col-md-4 p-2">
<div class="card shadow">
<img src="`+ data.strTeamBadge +`" class="card-img-top p-2" alt="...">
<div class="card-body">
<p class="card-text">`+ data.strTeam +`</p>
</div>
</div>
</div>`);
});
// window.location.href = "league.php";
console.log(team);
}
});
});
}
});
https://www.thesportsdb.com/api/v1/json/1/lookup_all_teams.php?id=4328 /* 用户点击卡片时如何获取ID?*/
解决方案
使用类而不是 id。因为具有相同密钥的多个 id 将不起作用
推荐阅读
- php - 我如何为多个系列的 ID 编写单个 jquery 函数,以获取它们的一系列依赖 ID?
- java - 从 XML 生成 HTML 时无法使用 JSP 标记或 Servlet
- java - 使用 Xpath 维护 XML 元素的数量
- angular - Angular 8 返回 Observable
从函数 - android - 尝试在空对象引用上调用虚拟方法 'android.graphics.Rect android.graphics.drawable.Drawable.getBounds()'
- python - 如何从日志中提取时间戳和关键字?
- google-apps-script - Auto Trim Clean Proper (Title) Case 并删除 Google 电子表格中单词之间的多余空格
- android - 房间数据库如何实现需要来自 2 个实体的列的项目
- r - R:将时间序列xyz转换为栅格
- java - 如何获取从操作系统传递给应用程序的参数然后使用它