javascript - 当 JS 关闭时，AJAX 应用程序可以优雅降级的策略是什么？

Question

要优雅地降级基于 JS 的 Web 应用程序，我应该遵循哪些一般准则？有这样的指南吗？是否有任何公共(public)页面可以作为好的/坏的例子？有什么常见的陷阱吗？

Answer 1

使用 progressive enhancement 创建您的应用程序而不是优雅的退化。这意味着首先您应该让您的应用程序在没有任何 Javascript 的情况下正常工作(因此，例如，您需要所有链接在服务器上都有相应的操作)。一旦成功，您就可以通过在其上添加 Javascript 和 AJAX 来增强您的应用程序。

显然，这不仅适用于 AJAX 调用，而且适用于所有 Javascript。例如，在我的一个应用程序中，我想为用户提供一种从范围中选择数字的方法。为此，我打算使用 Javascript 创建一个 slider 小部件，以便用户可以将 slider 移动到他们想要的数字。但是，为了让该页面在没有 Javascript 的情况下仍能正常工作，我从 <select> 开始。包含所有可能的值，并构建我的 slider 小部件以开始/在其之上工作 <select> .这样，拥有可用/启用 Javascript 的用户将拥有更丰富的体验，但不可用/启用的用户仍然能够充分使用该应用程序。

资源:

• Progressive Enhancement with JavaScript
• Graceful degradation versus progressive enhancement