Question

我试图让一些AJAX从JSON文件中收集余额的值并将其显示在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（）但它似乎无法正常工作。

Answer 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);
    });

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

1 个答案: