Jquery Api Example

api.js

$(document).ready(() => {
    var post_content = $('#post')
    $.ajax({
        type: "GET",
        url: 'http://localhost:3000/post',
        dataType: "json",
        beforeSend: () => {
            $("#loading").show();
        },
        success: (result) => {
            $("#loading").hide();
            if(result.posts.length > 0) {
                $.each(result.posts, (key, post) => {
                    post_content.append('<div class="post-content">'+
                        '<div class="post-title">'+post.title+" - "+post.created_at+"</div>"+
                        '<div class="post-body">'+post.body+"</div>"+
                        '<hr>'+
                        '</div>'
                    )
                })
            } else {
                console.log("Can`t find posts")
            }
        }
    })
})

You can change the url to your api url and data(result.posts)