JSFiddle - React, Tailwind, and code Playground

by Sebastian Kay

HTML

<button>Get Data</button>
<div class="results"></div>

JavaScript

$('button').click(function() {
    
    $.ajax({
        url: "http://jsonplaceholder.typicode.com/posts/1",
        type: "GET"
    })
    .done(function(data) {
        $('.results').append('<ul class="list"></ul>');
        $.each(data, function(key, value) {
            $('.list').append('<li>' + key + ': ' + value + '</li>');
        });
    })
    .fail(function(event) {
        alert(event.status);
    });
});