jquery - 如何在 MVC View 之间显示 'loading'

Question

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

有没有办法在单击其中一个链接时获得“加载微调器”，直到加载新屏幕？

同样，这是 View 中的标准超链接 (href)，链接到完全独立的 View 、独立的 Controller 。

Answer 1

这是来 self 的一个网站的示例，其中包含一个提交按钮，并且只是在单击时阻止了 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>