在 Kendo UI AJAX 页面加载后触发 JQuery AJAX 调用答案

【问题标题】：Fire JQuery AJAX call after Kendo UI AJAX page load在 Kendo UI AJAX 页面加载后触发 JQuery AJAX 调用
【发布时间】：2014-10-28 09:21:26
【问题描述】：

我正在尝试获取一些 AJAX 以从 JSON 文件中收集 balance 的值并将其显示在 HTML 元素中，但是它在我希望它显示的 HTML 加载之前触发，这是由于 KENDO UI Mobile 也通过 AJAX 加载页面内容，这发生在我的 AJAX 调用之后，因此余额未显示。

到目前为止，这是我的代码：

$(document).ready(function (){
console.log("start console log");
    $.ajax({
        type: "GET",
        url: "data/staff.php",
        async: false,
        dataType: "json",
        success: function (response){
                    var  balanceHTML = "<p>";
                    $.each(response, function (index, staff){
                        balanceHTML += response.staff[0].balance;
                        console.log(response.staff[0].balance);
                    });

                    balanceHTML += "</p>"; 
                    console.log("balanceHTML: "+balanceHTML);

                    $('#user-profile .col-3').html(balanceHTML);
                    $("#dt1").html('<b>aaaaa</b>');
                    $("#dt2").html(balanceHTML);
                }
    }); //end ajax
}); //end ready

我只是在努力找出下一步来检测内容何时加载，我尝试使用 .load() 但它似乎不起作用。

【问题讨论】：

例如看这段代码：function loadajax(){ $.ajax({ url:'test', data:"username=test", type:"post", success:function() { //做动作 } }); } $(function(){ setTimeout(function(){ loadajax,10000); });

标签： jquery ajax json html kendo-ui

【解决方案1】：

试试这个代码可能会起作用，

 function loadAjax(){
    $.ajax({
            type: "GET",
            url: "data/staff.php",
            async: false,
            dataType: "json",
            success: function(response){
                        var  balanceHTML = "<p>";
                        $.each(response, function (index, staff){
                            balanceHTML += response.staff[0].balance;
                            console.log(response.staff[0].balance);
                        });

                        balanceHTML += "</p>"; 
                        console.log("balanceHTML: "+balanceHTML);

                        $('#user-profile .col-3').html(balanceHTML);
                        $("#dt1").html('<b>aaaaa</b>');
                        $("#dt2").html(balanceHTML);
                    }
        }); //end ajax
    }
    $(function(){
        setTimeout(loadAjax,1000);
    });

【讨论】：