Question

我想从我的数据库中检索设备数量（通过计算行数），并在页面加载时将更新的值显示在窗口小部件中。

这是我的代码：

        <div class="col-lg-3 col-sm-6">
            <div class="widget-panel widget-style-2 white-bg">
                <i class="ion-eye text-pink"></i> 
                <h2 class="m-0 counter"><span id="server_count">100</span></h2>
                <div>Servers</div>
            </div>
        </div>

...

    $(function (){

        $.ajax({

            type: 'POST',
            url: 'dashboard/analytics/server_count',
            success: function(result) {
                //alert(result);
                $('#server_count').html(result);
                },
            error: function() {
                alert("problem");
                }

        });

    });

警报在成功函数中显示正确的值，但是在呈现页面时我无法更新div;也就是说，它仍然显示默认的静态值（100）。

关于我缺少的任何想法？我该怎么写这个，以便在从页面加载时及时从DB中提取的动态值覆盖默认值？谢谢！

Answer 1

确保您的功能在$( document ).ready(function() });这样的事情。

$( document ).ready(function() {
     $(function (){
        $.ajax({
            type: 'POST',
            url: 'dashboard/analytics/server_count',
            success: function(result) {
                //alert(result);
                $('#server_count').html(result);
                },
            error: function() {
                alert("problem");
                }
        });
    });
});

Answer 2

发现问题是反击插件，由班级＆＃39;柜台调用。在h2选择器上。还不确定为什么计数动画会阻止显示ajax结果，但是在删除类之后，值会按预期更新。

页面加载时jQuery AJAX更新小部件

2 个答案: