在我的应用程序中,有一个页面,用户可以在其中生成 Excel 报告。这一代可能会比较长(从10秒到5分钟)。目前,当用户单击Generate按钮时,会出现一个带有加载图标(等待弹出窗口)的jQuery 模式面板。
现在,我想提供 Excel 生成当前步骤的图形指示。例如,一旦用户点击了按钮,显示的模式面板将是:
+-------------------------------------+
| ... Please wait ... |
+-------------------------------------+
| We are preparing your Excel file. |
| |
| >> Finding unicorns in Database. |
| 2. Reading "Database for dummies" |
| 3. Downloading the Internet... |
| 4. Write fake data in Excel file. |
+-------------------------------------+
然后,几秒钟后,模态面板将如下所示:
+-------------------------------------+
| ... Please wait ... |
+-------------------------------------+
| We are preparing your Excel file. |
| |
| 1. Finding unicorns in Database. |
| >> Reading "Database for dummies" |
| 3. Downloading the Internet... |
| 4. Write fake data in Excel file. |
+-------------------------------------+
依此类推,直到 Excel 可供用户使用。
我的想法是通过 Ajax 请求定期轮询服务器。然后,服务器将返回一个 JSon 对象,其中包含步骤列表(使其有点通用)和处于活动状态的那个。然后,我将解析这个对象并显示/刷新步骤列表。
我在这里没有看到技术问题,因为 jQuery 提供了所有的元素来做到这一点。但也许已经有一个 jQuery 插件可以满足这种要求。你认识一个吗?
如果我必须开发它,您有什么建议(要避免的错误等)吗?
谢谢。