JSFiddle - React, Tailwind, and code Playground

by bankrot

HTML

<div id="console-log"></div>
<script>
    (function(){
        var consoleLine = '<p style="font-family:monospace;margin:2px;"></p>';
        window.console = {
            log: function (text) {
                $("#console-log").append($(consoleLine).html(text));
            }
        };
    }());
</script>

JavaScript

$.ajax('http://echo.jsontest_fail.com/id/1')
.then(function(){
    console.log('OK 1');
    return $.ajax('http://echo.jsontest.com/id/2');
}, function(){
    console.log('error 1');
    return $.Deferred();
}).then(function(){
    console.log('OK 2');
    return $.ajax('http://echo.jsontest_fail.com/id/3');
}, function(){
    console.log('error 2');
    return $.Deferred();
}).fail(function(){
    console.log('error 3');
});