javascript - 在页面上加载屏幕 reload();

Question

我有一个小型 Phonegap 应用程序，单击按钮我让它通过以下方式刷新页面：

window.location.reload();

它加载速度非常快。但是，虽然速度很快，但您可以看到一些元素在其他元素之前被加载。我想在这段时间里做一些加载屏幕，我认为这将是一个不错的选择。

对我来说最好的方法是什么？它不会在应用程序启动时，而是以某种方式与要求刷新页面的按钮相关联。

顺便说一句，我没有使用 Jquery Mobile 或 Zepto 。

谢谢

Answer 1

我对 phonegap 不太了解，但我相信这只是普通的 HTML、CSS 和 JS，不是吗？那么为什么不只是有一个获取数据的AJAX 请求，所以页面本身实际上并没有被刷新，而是容器内的数据。然后只需在包含加载程序信息（旋转 gif、加载等）的刷新调用的主体前添加一个 div。然后在 ajax 回调中消失。