JSFiddle - React, Tailwind, and code Playground

HTML

<a class="LoadFromAjax" href="#">Load Ajax</a>
<div class="appendedContainer"></div>

JavaScript

$(function() {
  function myfunc(input) {
    alert("test: " + input);
  }
  
  $(".LoadFromAjax").on("click", function() {
      event.preventDefault();

      $.ajax({
        url: 'https://dog.ceo/api/breeds/list/all',
        type : 'get',
        complete : function( qXHR, textStatus ) {
            var mock = "John";

            if (textStatus === 'success') {
                var data = qXHR.responseText
                $('.appendedContainer').hide();
                $('.appendedContainer').append(`<a href='#' onclick='myfunc(${mock})' class='mylink'>Alert me</a>`);
                $('.appendedContainer').fadeIn();
            }
          }
      });
  });

});