JSFiddle - React, Tailwind, and code Playground

HTML

<div class="uk-light uk-position-bottom-left">
  <span class="uk-text-large">15</span>
</div>

<div class="uk-light uk-position-bottom-left">
  <span class="uk-text-large">20</span>
</div>

<div class="uk-light uk-position-bottom-left">
  <span class="uk-text-large">7</span>
</div>

CSS

.uk-light {
	margin: 10px;
}

JavaScript

$(document).on('click', '.uk-text-large', function(){ // поменял селектор на тестовый
    var self = this;
    $.ajax({
        url: '/echo/json', // поменял адрес на тестовый
        method: 'GET',
        dataType : "json",
        data: {
            view_2:$(self).data("id")
        },
        success: function(data) {
            console.log(data);
			// тестовая заглушка возвращает пустой объект
			// поэтому тут создам фейковый
			var data = {view: Math.floor(Math.random() * 96) + 5};
            console.log(data);
            $(self).text(data.view);
        },
        error: function() {
          console.log([].slice.call(arguments));
        }
        });
return false;
});