如何在 MVC 视图之间显示“加载”

Question

我有一个 jquery 生成的充满数据的表的视图。在该表中，其中一列具有<a href="">到另一个视图（完全独立的控制器）的链接（标准）。单击此链接经常会导致加载时间过长，因为正在加载的视图可能会在将其结果喷出到屏幕上之前需要处理大量数据。

单击这些链接之一后，有没有办法在新屏幕加载之前获得“加载微调器”？

同样，这是一个视图中的标准超链接 (href)，它链接到一个完全独立的视图、独立的控制器。

Answer 1

这是来自我的一个网站的示例，其中包含一个提交按钮，并且只是在单击时阻止 UI。下图显示了用户看到的内容。收集数据后，将加载并呈现新页面。

<input type="submit" value="Search" name="searchparty">

<script>
//submit search, display loading message
    $('input[type = submit]').click(function(){
        $.blockUI({ css: { 
            border: 'none', 
            padding: '15px', 
            backgroundColor: '#000',
            opacity: .6
        } }); 
    });
</script>