JSFiddle - React, Tailwind, and code Playground
HTML
<div><input type="button" id="btnGetArticles" value="Load" /></div>
<div id="output"></div>
JavaScript
$("#btnGetArticles").on("click", function(){
var fortunes = "test";
$.ajax({
url: "/echo/json/",
type: 'post',
dataType: 'json',
data: {
json: '"some fortune"'
}
}).done(function(data) {
fortunes = data;
$.ajax({
url: "/echo/json/",
type: 'post',
dataType: 'json',
data: {
json: '[{"link": "link/to/first/article", "title" : "first article"},{"link": "link/to/second/article", "title" : "second article"},{"link": "link/to/third/article", "title" : "third article"}]'
}
}).done(function(articles) {
var articlesList = $("<ul />");
$.each(articles, function(i, v) {
articlesList.append($("<li />").html(v.title + ' ' + fortunes.length));
});
$("#output").append(articlesList);
});
});
});