JSFiddle - React, Tailwind, and code Playground

by sergey77

HTML

<div>
<a id="getConfig" href="#">Get FC2 configuration</a>
</div>
<div id="config">
</div>

JavaScript

$(function() {

    $('#getConfig').on('click', function(e) {
        e.preventDefault();

        // ajax request
        $.support.cors = true;
        $.ajax({
            async: true,
            cache: false,
            method: 'GET',
            url: 'http://fetchclimate2staging2.cloudapp.net/api/configuration'})
            .done(function(config) {
                var cdiv = $('#config');
                cdiv.text("");
                for(var i = 0;i<config.EnvironmentalVariables.length;i++) {
                    var v = config.EnvironmentalVariables[i];
                    cdiv.append(v.Name + ": " + v.Description + " (" + v.Units + ")" + "<br/>");
                }
            })
        .fail(function(jqXHR) {
            $('#config').text(jqXHR.status+": "+jqXHR.statusText);
              });
    });
});