Fire JQuery AJAX call after Kendo UI AJAX page load -

itemprop = "text">

I am trying to collect some AJAX value from the JSON file and display it in HTML element, Although it is firing from HTML that I have loaded it, I want to display it, because it is loading page content via AJAX due to the candy UI mobile which is happening after my AJAX call, thus saving the balance Not showing.

My code is here:

  $ (document) .ready (function () {console.log ("start the console log"); $ .ajax ( {Type: "GET", Url: "data / staff.php", async: wrong, datatype: "Jason", success: function (response) {var balance = "$" & lt; p & gt; EEE (feedback, work (index, staff)) {Html HTML = = response. Staff [0]. Balance; console log (feedback staff [0]. Balance);}); balance html + = "& lt; / P & gt; "; console E.log (" balance HTML: "+ balance HTM L); $ ('# User-Profile .col-3'). Html (balance HTML); $ ("# DT1") HTML ('& lt; p & gt; aaaaa & lt; / p & gt; ');. $ ("# DT2") HTML (balanceHTML);}}); // and ajax}); // end ready  

I am struggling to understand the next step to find out when the content is loaded, I tried to use .load () but this work Did not seem to be.

This can try this code,

  function loadAjax () {$. Ajax ({type: "GET", url: "data / employee.php", async: false, data type: "jason", success: function (response) {var equilibrium html = "& lt; p & gt;" ; $ .each (feedback, work (index, staff) {rest HTML + response staff [0]. Balance; console logs (feedback staff [0]. Balance);}); remaining; HLL + = " & Lt; / p & gt; "; Console.log (" balanceHTML: "+ balanceHTML); $ ('# user-profile .col-3') .HTML (left); $ (" # dt1 "). Html ('& lt; b & gt; aaaaa & lt; / b & gt;'); $ ("# dt2"). Html (HLL remaining);}}; // and ajax} $ (function () {setTimeout (loaded ajax, 1000);});