单击链接时尝试传递唯一ID时遇到问题。我正在进行API调用并遍历JSON数据并将其呈现在客户端。问题是,当我只希望被单击的对象的ID时,单击链接时会传递JSON对象中的所有ID。
这是我的循环:
<% apiResultsdata['items'].forEach(function(items) { %>
<% let ID = items['id'] %>
<% let volumeInfo = items['volumeInfo'] %>
<% let author = volumeInfo['authors'] %>
<% let title = volumeInfo['title'] %>
<% let image = null %>
<% if(!(volumeInfo['imageLinks'] === undefined)) { %>
<% image = volumeInfo['imageLinks']['smallThumbnail'] %>
<% } %>
这是带有应单击标题的链接:
<a class="clicklink" href="/bookDetails"><%= title %></a>
这是我用来传递ID的ajax代码:
<script type="text/javascript">
$(document).ready(function(){
$(".clicklink").click(function() {
$.ajax({
type: 'post',
contentType: "application/json; charset=UTF-8",
data: JSON.stringify({ID:'<%= ID %>'}),
url: 'http://localhost:3000/bookDetails',
success: function(data){
console.log('success');
}
});
});
});
</script>
当我只想要被点击的书的ID时,与项目相关的所有ID都会被传递。谢谢。