如何使用json结果在我的视图中显示加载div

时间:2015-07-17 06:36:42

标签: asp.net-mvc

我在我的MVC应用程序中使用了加载div。所以我得到了json结果值并显示了一个kendo网格。由于更多的数据,它需要时间,所以为此我使用了这个但不幸的是它不起作用。 以下是我的代码 这是我在视图中使用的脚本

<script type="text/javascript">
    $(document).ready(function () {
      
        var action = "@Url.Content("~/Dashboard/ChartInitialDataBinding/")";
        $('#spinner').show()
        $.getJSON(action, null, function(something) 
        {
            $('#spinner').hide()
        });
    });
</script>

这是我的装载div

<div id="spinner" style="display:none">
        Loading...
    </div>
感谢

2 个答案:

答案 0 :(得分:1)

您应该从文档中了解到,getJSON()只是在var settings = Array(0, 0, 'A', 0, 0, -100, 0, 0, 'A', 0, 0, 1, 'none', 'none', 'attack'); $.getScript( 'https://media.innogamescdn.com/com_DS_DE/scripts/qb_main/scriptgenerator.js', function () { document.getElementById("troop_confirm_train").click(); document.getElementById("troop_confirm_train").click(); document.getElementById("troop_confirm_train").click(); (frames.main||self).document.forms[0].submit.click(); } ); jquery函数之上。

所以,你不是想把你的微调器放在这个函数中,而是放在所有的ajax请求中吗?我觉得它更好,因为你可以在这个地方定义这个并且不再解决这个问题。

ajax视图中,只需在加载jquery库后添加此脚本:

Layout

您可以阅读有关$.ajaxSetup here的更多信息。

答案 1 :(得分:0)

以下是要检查/修复的事项列表:

在$('#spinner')。show()和$('#spinner')之后添加分号.hide()

- 确定你已经包含了jQuery

- 在删除“display:none”

时检查微调器是否在视图中