JSFiddle - React, Tailwind, and code Playground

by Calvin Tomkins

HTML

<div id="example-section38">
    <button id="btn382" type="button">Click to load</button>
    <div id="div381"></div>
</div>

JavaScript

$(document).ready(function (){
    $("#btn382").click(function(){        
        /* set no cache */
        $.ajaxSetup({ cache: false });
        
        var cnumber = 0;
        
        var cjson = "http://www.flightradar24.com/top_radars.php?sortBy=sumScore&type=top_radars&page=";
        
        var cnumberjson = cjson+cnumber;
        
        $.getJSON( cnumberjson , function(data){ 
            var html = [];
 
            /* loop through array */
            $.each(data, function(index, d){            
                html.push("<tr><td>username : ", d.username,
                          "</td><td>radarName : ", d.radarName,
                          "</td><td>country_geo : ", d.country_geo,
                          "</td><td>sumScore : ", d.sumScore,
                          "</td><td>maxRange : ", d.maxRange,
                          "</td><td>avgRange : ", d.avgRange,
                          "</td><td>sumUptime : ", d.sumUptime,
                          "</td><td>radarCount : ", d.radarCount,
                          "</td><td>feedId : ", d.feedId, "</td></tr>");
            });
 
            $("#div381").html(html.join(''));
        }).error(function(jqXHR, textStatus, errorThrown){ /* assign handler */
            /* alert(jqXHR.responseText) */
            alert("error occurred!");
        });
    });
});