Tengo unas dudas y problemas.
Mi código es el siguiente.
en html
<div id="summary"></div>
en js
function callurl() {
$.ajax({
url: 'https://jsonplaceholder.typicode.com/posts',
type: "GET",
dataType: "json",
success: function(msg) {
JsonpCallback(msg);
},
error: function() {
ErrorFunction();
}
});
}
function JsonpCallback(json) {
for (var i = 0; i < json.length; i++) {
$('#summary').append('<b>Post:</b> ' + json[i].id + '<br />');
$('#summary').append('<b>Título:</b> ' + json[i].title + '<br />');
$('#summary').append('<b>Descripción:</b> ' + json[i].body + '<br />');
$('#summary').append('<hr />');
}
}
callurl();
Necesito, la forma de crear una lista.
Ejemplo.
Post: 1
Título: sunt aut facere repellat provident occaecati excepturi optio reprehenderit
Boton Abrir contenido.
Al hacer click se abra el contenido de ese post.
Contenido: uia et suscipit suscipit recusandae consequuntur expedita et cum reprehenderit molestiae ut ut quas totam nostrum rerum est autem sunt rem eveniet architecto.
Quiero llegar a una pequeña app, donde se muestre un feed de post con el título y al darle click me abra el contenido de ese post.