JSFiddle - React, Tailwind, and code Playground

by cjblomqvist

HTML

<a id="ajax-button" data-hidden-content='{"hej":"HEJ!"}' href="#">AJAX</a>
<div id="ajax-content"></div>

CSS

#ajax-button {
  margin: 1em;
  padding: 1em;
  border: 1px solid red;
  background-color: #FFAAFF;
}
#ajax-content {
  margin: 1em;
  padding: 1em;
}

JavaScript

$(document).ready(function () {
  $('#ajax-button')
    .click(function () {
        console.log($(this).data('hiddenContent'));
      $('#ajax-content')
        .html($(this).data('hiddenContent').hej);

      return false;
    });
});