JSFiddle - React, Tailwind, and code Playground

by tobek

HTML

<h4>response statuses:</h4>
<pre></pre>

JavaScript

var url = 'https://upload.wikimedia.org/wikipedia/commons/thumb/0/00/Brown_Bluff-2016-Tabarin_Peninsula%E2%80%93Gentoo_penguin_%28Pygoscelis_papua%29_03.jpg/800px-Brown_Bluff-2016-Tabarin_Peninsula%E2%80%93Gentoo_penguin_%28Pygoscelis_papua%29_03.jpg';

setInterval(function() {
		// Let's try XMLHttpRequest
    var request = new XMLHttpRequest();
    request.open('GET', url, true);
    request.addEventListener('load', function () {
        document.querySelector('pre').innerHTML += '\nvanilla xhr response status: ' + request.status;
    });
    request.send();
    
    // Maybe jQuery does it?
    $.ajax({
        url: url,
        success: function(response, status, jqXhr) {
            document.querySelector('pre').innerHTML += '\njquery get response status: ' + jqXhr.status;
        },
        cache: true
    });
}, 2000);