JSFiddle - React, Tailwind, and code Playground

by Евгений Дзюба

HTML

<div id="console-log">sdfsdfs</div>
<script>
    (function(){
        var consoleLine = "<p class=\"console-line\"></p>";
        window.console = {
            log: function (text) {
                $("#console-log").append($(consoleLine).html(text));
            }
        };
    }());
</script>

CSS

.console-line
{
    font-family: monospace;
    margin: 2px;
}

JavaScript

$('#console-log').click(function(){
	var ajaxHTML='http://echo.jsontest.com/id/1';
 	sendAjax(ajaxHTML);
})


function sendAjax(ajaxHTML){
    urls = [ajaxHTML, 'http://echo.jsontest.com/id/2',]
    promises = $.map(urls, function(url){
        return $.ajax(url).then(function(result){
            console.log(JSON.stringify(result));
        });
    });
    $.when.apply(this, promises)
    .then(function(){
        console.log('done');
        setTimeout(sendAjax,4000);
    });
}

//setInterval (sendAjax,4000);