Html 设计缺陷?单页网站、加载内容的选项卡

Html 设计缺陷?单页网站、加载内容的选项卡,html,ajax,web-applications,Html,Ajax,Web Applications,我有一个简单的web应用程序,其中有许多选项卡。当用户单击选项卡时,使用AJAX加载选项卡内容。但是,加载一些选项卡需要

我有一个简单的web应用程序,其中有许多选项卡。当用户单击选项卡时,使用AJAX加载选项卡内容。但是,加载一些选项卡需要
<1s
,因此从用户的角度来看,一开始没有内容(只是通过AJAX填充的空输入)

要解决此问题,我可以:

1) 使用一些AJAX微调器通知用户有内容,但即将加载

2) 改为使用HTML表单,以便在不使用AJAX的情况下加载内容


正确/最佳/通用的解决方案是什么?非常感谢。

使用旋转器。始终向用户显示有关某个操作的一些反馈。即使他需要等待,他也想知道。如果您没有显示任何内容,用户会认为他或网站有问题。

我更喜欢微调器,但缺点是由于AJAX,用户将无法为所选选项卡添加书签。如果您不使用AJAX,而是使用提交的表单(通过GET)或普通链接,则可以将其正确地添加到书签中。

这是一个总结您要求的内容的示例

有三个主要的时间限制(由人类的知觉决定) 优化web和应用程序时要牢记的能力 表演

根据为普通用户加载内容所需的大致时间,您可以采用以下做法:

0.1秒是让用户感觉系统在瞬间做出反应的极限,这意味着不需要特殊反馈 除了显示结果外,其他都是必需的

1.0秒是用户思想流保持不间断的极限,即使用户会注意到延迟。正常地 延迟超过0.1时无需特殊反馈,但 小于1.0秒,但用户确实会失去操作的感觉 直接在数据上

10秒是保持时间的极限 用户的注意力集中在对话上。对于更长的延迟,用户 将要在等待计算机运行时执行其他任务 完成后,应向他们提供反馈,指示计算机何时启动 期望完成。延迟期间的反馈尤其重要 如果响应时间可能是高度可变的,因为用户将 然后不知道会发生什么

由于
hashchange
,即使使用AJAX,您也可以将这些选项卡作为页面进行书签和使用,
$('#my-tab').on('click', function() {
   // load content
});

$('#another-tab').on('click', function() {
   // load some different content
});