JSFiddle - React, Tailwind, and code Playground

by cgack

HTML

<h2 id="out"></h2>

JavaScript

// simple deferred
var dfd = $.Deferred();

dfd.done(function (data) {
    output('finished... ' + data);
});

dfd.resolve('woot ');

// a promise
function doSomethingAsynchronous() {
    var dfd = $.Deferred();

    setTimeout(function () {
        dfd.resolve('it works')
    }, 4000);

    return dfd.promise();
}

doSomethingAsynchronous()
    .done(function (data) {
    output('holy cow ' + data);
});

/* $.ajax() returns a promise */
function ajaxy() {
    return $.ajax({
        url: '/api/user/'

    });
}

ajaxy().done(function (d) {
    // Now do stuff
    output(d);
});

function output(txt) {
    $("#out").append("<span>" + txt + "<span>");
}