Olá, a todos.
Estou tentando popular uma list-group bootstrap com ajax mas não estou conseguindo. Já pesquisei em vários lugares sobre isso e não consegui resolver.
O código php está ok e o json que retorna do php também está ok.
Segue o código html
<!DOCTYPE html>
<html>
<header>
<meta charset="utf-8"/>
<meta http-equiv="X-UA-Compatible" content="IE=edge"/>
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<meta name="robots" content="noindex, nofollow">
<link rel="stylesheet" href="css/bootstrap.min.css"/>
<script type="text/javascript">
$(document).ready(function(){
$('#lista').empty();
$.ajax({
type:'GET',
url: 'artigos.php',
dataType: 'json',
success: function(dados){
for(var i=0;dados.length>i;i++){
$('#lista').append('<a href=\"artigos/'+dados[i].link+'?id='+dados[i].id'\" class=\"list-group-item\">'+dados[i].titulo+'</a>');
}
}
});
});
</script>
</header>
<body>
<div class="page-header text-center">
<h1>Artigos <br /><small>Selecione um item para ler o artigo</small></h1>
</div>
<div class="list-group" id="lista">
</div>
<script src="js/jquery-3.2.1.min.js"></script>
</body>
</html>