Hi,Im trying to pull data from the API, but I cant. This is my code,if you can tell me what Im doing wrong
It says that it cant find property displayName
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>MusicApp</title>
</head>
<body>
<form>
<input type="text" id="inputText">
<button type="button" id="submitBtn" class="btn btn-primary"><span
class="glyphicon glyphicon-globe"></span> Search </button>
</form>
<div id="text"></div>
<div class="col-sm-8">
<div class="panel panel-default">
<div class="panel-heading">
<h3 class="panel-title">Твоите отбелязвания</h3>
</div>
<ul class="list-group" style="min-height:241px;" id="contentList">
<li class="list-group-item" style="display:none" id="cloneMe">
<div class="row">
<div class="col-sm-2 col-xs-3">
<!-- <img src="assets/img/icons/clear_sky.png" class="thumbnail img-responsive"> -->
</div>
<div class="col-sm-7 col-xs-6">
<span class="label label-success"><span class="current-event"> </span> </span>
<h4>Пловдив</h4>
</div>
<div class="col-sm-3 col-xs-3">
<button type="button" class="btn btn-danger pull-right remove-post"><span
class="glyphicon glyphicon-remove"></span><span
class="hidden-xs"> Изтрий</span></button>
</div>
</div>
</li>
</ul>
</div>
</div>
</body>
<script>
$(document).ready(function(){
var api="";
$('#submitBtn').click(function(){
artistName=$('#inputText').val();
$.ajax({
method:"GET",
success:function(resp){
var miniMe = $('#cloneMe').clone();
miniMe.attr('id', '');
miniMe.find('h4').text(artistName);
miniMe.find('.current-event').html(resp.displayName);
miniMe.find('button').click(function () {
miniMe.remove();
});
miniMe.show();
$('#contentList').append(miniMe);
},
error:function(){
alert("Something went wrong!");
}
});
return false;
});
});
</script>
</html>