在加载页面时显示加载屏幕，后端工作很繁重？

Question

我试图在加载带有一些图形和图表的仪表板页面时显示加载页面(为此我使用了Telerik RadHtmlChart控件)。这些图形和图表的数据是从远程API获取的，对数据库的查询相当繁重，因此API调用可能需要5-6秒才能收到它们。所有这些都是在页面的后台代码中完成的。所以，我想在页面加载时实现某种形式的加载屏幕。我尝试了一些jQuery实现，但是在Page_Load事件完成之前，页面不会发送给用户，这意味着所有数据都已获取，这意味着将不会有加载图像，只需等待用户5-6次，然后页面才会显示。

有什么好办法解决这个问题吗？有没有一种方法可以呈现页面，然后在后台代码中调用一个函数，然后让它运行并呈现图表和图形？

Answer 1

你应该使用AJAX (正如w3schools所说的xD，这是开发人员的梦想)。

首先，您应该发送页面内容，而不进行任何查询，这样页面就会立即发送。然后，页面应该向您的服务器发出一个AJAX查询(到一个特殊的url，或者其他什么)，请求它想要的信息。同时，你可以显示一个加载图标。当AJAX调用返回数据时，您可以使用它来初始化图表小部件。

这取决于你如何开发你的前端，这将是(不)微不足道的，顺便说一句。

你可以从这里开始：https://www.w3schools.com/xml/ajax_intro.asp

澄清一下：

• 您必须将为页面提供服务的方法更改为不执行任何查询。然后，
• 将创建一个执行长查询的页面，并在没有任何HTML标记的情况下输出它。例如，只需要格式化的数据就可以处理小部件。前面的JSON您应该将初始化小部件的所有脚本移动到function.
• Finally，中您应该在启动时添加一个AJAX查询，该查询将调用新创建的页面，处理数据(jQuery具有直接加载

的AJAX方法)，并使用这些数据初始化您的小部件。