JSFiddle - React, Tailwind, and code Playground

by borsna

HTML

<div id="studies">
</div>

JavaScript

var sndAPI = "http://xml.snd.gu.se/ws/search.xql?callback=?";
$.getJSON(sndAPI, {
    q: "EpiHealth Skåne",
    format: "json",
    records: 50
}).done(function(data) {
    $.each(data.studies.StudyUnit, function(i, study) {
        var creators = "<ul>";
        if($.isArray(study.creator.sv)) {
            $.each(study.creator.sv, function(j, creator){
                creators += "<li>"+creator.name+", <em>"+creator.affiliation+"</em></li>";
            });    
        }
        creators += "</ul>";
        
        var row = "<div> \
                    <strong><a href='" + study.url + "'>" + study.title.sv + "</a></strong> \
                    "+creators+" \
                    <p>" + study.abstract.sv + "</p> \
                  </div>";
        $(row).appendTo("#studies");
    });
});