使用 jQuery/Javascript 保留 Django 中显示/隐藏部分的状态

Question

我有一个带有一些显示/隐藏部分的表单。当我按下主窗体中的某些按钮时，会显示不同的窗体。编辑这些表单中的信息后，我将返回到第一个表单。但显示/隐藏部分的状态已重置。显示/隐藏操作是通过 jquery 切换完成的。返回时需要保持这些部分的状态。 所以我正在考虑将每个部分的状态存储在会话变量中。您还有其他解决方案吗？将这种行为放在单独的地方（例如在中间件中）会更好还是可能？

Answer 1

您实际上并不需要会话存储。在您所描述的情况下，您希望为单个客户端在页面之间保留部分的显示/隐藏状态。会话可能有点过分了，因为它涉及到服务器一些琐碎的事情。

我的做法是直接在 jQuery 中使用 localStorage（或者 cookies，如果你真的想要的话）之类的东西。它将保留在客户端上，服务器不会介意。

编辑

检查 localStorage 的函数：

var canHazStorage = function () {
    "use strict";
    try {
        return 'localStorage' in window && window.localStorage !== null;
    } catch(e) {
        return false;
    }
};

您需要更改切换代码来设置值：

$('#section1').toggle();

if ( canHazStorage ) {
    if ( is_shown ) { // you'll need to write that yourself
        window.localStorage['section1'] = true;
    } else {
        window.localStorage['section1'] = false;
    }
} else {
    // same code using cookies
}

在 init 函数中：

if ( canHazStorage ) {
    var toggled = window.localStorage['section1'];
    $('#section1').toggle(toggled);
} else {
    // same code using cookies
}