JSFiddle - React, Tailwind, and code Playground

HTML

<span class="item-count">0</span>

<a class="button add-to-shortlist" data-href="http://domain.dev/?ACT=54&amp;p=YToyOntzOjg6ImVudHJ5X2lkIjtzOjI6IjQzIjtzOjExOiJjbG9uZWRfZnJvbSI7YjowO30" data-reveal-id="product-43" data-animation="fade" href="#">add item</a>

<a class="button add-to-shortlist" data-href="http://domain.dev/?ACT=54&amp;p=YToyOntzOjg6ImVudHJ5X2lkIjtzOjI6IjQzIjtzOjExOiJjbG9uZWRfZnJvbSI7YjowO30" data-reveal-id="product-44" data-animation="fade" href="#">add item</a>

<a class="button add-to-shortlist" data-href="http://domain.dev/?ACT=54&amp;p=YToyOntzOjg6ImVudHJ5X2lkIjtzOjI6IjQzIjtzOjExOiJjbG9uZWRfZnJvbSI7YjowO30" data-reveal-id="product-45" data-animation="fade" href="#">add item</a>

JavaScript

$('a.add-to-shortlist').on('click',function(){	
	$.ajax({
	  url: $(this).attr('data-href'),
	  success: function(data) {	    
		  verb = data['verb'];
		  total_items = data['total_items'];
		  alert('item added to shortlist');
	  }
	});
  // stop event propagation here
  return false;
});